mirror of
				https://github.com/khairul169/garage-webui.git
				synced 2025-10-30 14:49:32 +07:00 
			
		
		
		
	Compare commits
	
		
			No commits in common. "a6640157c1a757c92aa539149df0d902283e6763" and "b2bc905e3cf8163cc8dc55f0c87941e2034a77b1" have entirely different histories.
		
	
	
		
			a6640157c1
			...
			b2bc905e3c
		
	
		
| @ -21,12 +21,6 @@ RUN make | |||||||
| 
 | 
 | ||||||
| FROM scratch | FROM scratch | ||||||
| 
 | 
 | ||||||
| COPY --from=alpine /etc/ssl/certs/ca-certificates.crt /etc/ssl/certs/ |  | ||||||
| COPY --from=ghcr.io/tarampampam/curl:8.6.0 /bin/curl /bin/curl |  | ||||||
| COPY --from=backend /app/main /bin/main | COPY --from=backend /app/main /bin/main | ||||||
| 
 | 
 | ||||||
| HEALTHCHECK --interval=5m --timeout=2s --retries=3 --start-period=15s CMD [ \ | CMD [ "/bin/main" ] | ||||||
|     "curl", "--fail", "http://127.0.0.1:3909" \ |  | ||||||
| ] |  | ||||||
| 
 |  | ||||||
| ENTRYPOINT [ "main" ] |  | ||||||
|  | |||||||
| @ -31,7 +31,7 @@ If you install Garage using Docker, you can install this web UI alongside Garage | |||||||
| ```yml | ```yml | ||||||
| services: | services: | ||||||
|   garage: |   garage: | ||||||
|     image: dxflrs/garage:v2.0.0 |     image: dxflrs/garage:v1.0.1 | ||||||
|     container_name: garage |     container_name: garage | ||||||
|     volumes: |     volumes: | ||||||
|       - ./garage.toml:/etc/garage.toml |       - ./garage.toml:/etc/garage.toml | ||||||
| @ -62,7 +62,7 @@ services: | |||||||
| Get the latest binary from the [release page](https://github.com/khairul169/garage-webui/releases/latest) according to your OS architecture. For example: | Get the latest binary from the [release page](https://github.com/khairul169/garage-webui/releases/latest) according to your OS architecture. For example: | ||||||
| 
 | 
 | ||||||
| ```sh | ```sh | ||||||
| $ wget -O garage-webui https://github.com/khairul169/garage-webui/releases/download/1.1.0/garage-webui-v1.1.0-linux-amd64 | $ wget -O garage-webui https://github.com/khairul169/garage-webui/releases/download/1.0.9/garage-webui-v1.0.9-linux-amd64 | ||||||
| $ chmod +x garage-webui | $ chmod +x garage-webui | ||||||
| $ sudo cp garage-webui /usr/local/bin | $ sudo cp garage-webui /usr/local/bin | ||||||
| ``` | ``` | ||||||
|  | |||||||
| @ -292,7 +292,7 @@ func getBucketCredentials(bucket string) (aws.CredentialsProvider, error) { | |||||||
| 		return cacheData.(aws.CredentialsProvider), nil | 		return cacheData.(aws.CredentialsProvider), nil | ||||||
| 	} | 	} | ||||||
| 
 | 
 | ||||||
| 	body, err := utils.Garage.Fetch("/v2/GetBucketInfo?globalAlias="+bucket, &utils.FetchOptions{}) | 	body, err := utils.Garage.Fetch("/v1/bucket?globalAlias="+bucket, &utils.FetchOptions{}) | ||||||
| 	if err != nil { | 	if err != nil { | ||||||
| 		return nil, err | 		return nil, err | ||||||
| 	} | 	} | ||||||
| @ -309,7 +309,7 @@ func getBucketCredentials(bucket string) (aws.CredentialsProvider, error) { | |||||||
| 			continue | 			continue | ||||||
| 		} | 		} | ||||||
| 
 | 
 | ||||||
| 		body, err := utils.Garage.Fetch(fmt.Sprintf("/v2/GetKeyInfo?id=%s&showSecretKey=true", k.AccessKeyID), &utils.FetchOptions{}) | 		body, err := utils.Garage.Fetch(fmt.Sprintf("/v1/key?id=%s&showSecretKey=true", k.AccessKeyID), &utils.FetchOptions{}) | ||||||
| 		if err != nil { | 		if err != nil { | ||||||
| 			return nil, err | 			return nil, err | ||||||
| 		} | 		} | ||||||
| @ -331,26 +331,15 @@ func getS3Client(bucket string) (*s3.Client, error) { | |||||||
| 		return nil, fmt.Errorf("cannot get credentials for bucket %s: %w", bucket, err) | 		return nil, fmt.Errorf("cannot get credentials for bucket %s: %w", bucket, err) | ||||||
| 	} | 	} | ||||||
| 
 | 
 | ||||||
| 	// Determine endpoint and whether to disable HTTPS |  | ||||||
| 	endpoint := utils.Garage.GetS3Endpoint() |  | ||||||
| 	disableHTTPS := !strings.HasPrefix(endpoint, "https://") |  | ||||||
| 
 |  | ||||||
| 	// AWS config without BaseEndpoint |  | ||||||
| 	awsConfig := aws.Config{ | 	awsConfig := aws.Config{ | ||||||
| 		Credentials: creds, | 		Credentials:  creds, | ||||||
| 		Region:      utils.Garage.GetS3Region(), | 		Region:       utils.Garage.GetS3Region(), | ||||||
|  | 		BaseEndpoint: aws.String(utils.Garage.GetS3Endpoint()), | ||||||
| 	} | 	} | ||||||
| 
 | 
 | ||||||
| 	// Build S3 client with custom endpoint resolver for proper signing |  | ||||||
| 	client := s3.NewFromConfig(awsConfig, func(o *s3.Options) { | 	client := s3.NewFromConfig(awsConfig, func(o *s3.Options) { | ||||||
| 		o.UsePathStyle = true | 		o.UsePathStyle = true | ||||||
| 		o.EndpointOptions.DisableHTTPS = disableHTTPS | 		o.EndpointOptions.DisableHTTPS = true | ||||||
| 		o.EndpointResolver = s3.EndpointResolverFunc(func(region string, opts s3.EndpointResolverOptions) (aws.Endpoint, error) { |  | ||||||
| 			return aws.Endpoint{ |  | ||||||
| 				URL:           endpoint, |  | ||||||
| 				SigningRegion: utils.Garage.GetS3Region(), |  | ||||||
| 			}, nil |  | ||||||
| 		}) |  | ||||||
| 	}) | 	}) | ||||||
| 
 | 
 | ||||||
| 	return client, nil | 	return client, nil | ||||||
|  | |||||||
| @ -11,7 +11,7 @@ import ( | |||||||
| type Buckets struct{} | type Buckets struct{} | ||||||
| 
 | 
 | ||||||
| func (b *Buckets) GetAll(w http.ResponseWriter, r *http.Request) { | func (b *Buckets) GetAll(w http.ResponseWriter, r *http.Request) { | ||||||
| 	body, err := utils.Garage.Fetch("/v2/ListBuckets", &utils.FetchOptions{}) | 	body, err := utils.Garage.Fetch("/v1/bucket?list", &utils.FetchOptions{}) | ||||||
| 	if err != nil { | 	if err != nil { | ||||||
| 		utils.ResponseError(w, err) | 		utils.ResponseError(w, err) | ||||||
| 		return | 		return | ||||||
| @ -27,7 +27,7 @@ func (b *Buckets) GetAll(w http.ResponseWriter, r *http.Request) { | |||||||
| 
 | 
 | ||||||
| 	for _, bucket := range buckets { | 	for _, bucket := range buckets { | ||||||
| 		go func() { | 		go func() { | ||||||
| 			body, err := utils.Garage.Fetch(fmt.Sprintf("/v2/GetBucketInfo?id=%s", bucket.ID), &utils.FetchOptions{}) | 			body, err := utils.Garage.Fetch(fmt.Sprintf("/v1/bucket?id=%s", bucket.ID), &utils.FetchOptions{}) | ||||||
| 
 | 
 | ||||||
| 			if err != nil { | 			if err != nil { | ||||||
| 				ch <- schema.Bucket{ID: bucket.ID, GlobalAliases: bucket.GlobalAliases} | 				ch <- schema.Bucket{ID: bucket.ID, GlobalAliases: bucket.GlobalAliases} | ||||||
|  | |||||||
| @ -4,7 +4,6 @@ type GetBucketsRes struct { | |||||||
| 	ID            string       `json:"id"` | 	ID            string       `json:"id"` | ||||||
| 	GlobalAliases []string     `json:"globalAliases"` | 	GlobalAliases []string     `json:"globalAliases"` | ||||||
| 	LocalAliases  []LocalAlias `json:"localAliases"` | 	LocalAliases  []LocalAlias `json:"localAliases"` | ||||||
| 	Created       string       `json:"created"` |  | ||||||
| } | } | ||||||
| 
 | 
 | ||||||
| type Bucket struct { | type Bucket struct { | ||||||
| @ -21,7 +20,6 @@ type Bucket struct { | |||||||
| 	UnfinishedMultipartUploadParts int64         `json:"unfinishedMultipartUploadParts"` | 	UnfinishedMultipartUploadParts int64         `json:"unfinishedMultipartUploadParts"` | ||||||
| 	UnfinishedMultipartUploadBytes int64         `json:"unfinishedMultipartUploadBytes"` | 	UnfinishedMultipartUploadBytes int64         `json:"unfinishedMultipartUploadBytes"` | ||||||
| 	Quotas                         Quotas        `json:"quotas"` | 	Quotas                         Quotas        `json:"quotas"` | ||||||
| 	Created                        string        `json:"created"` |  | ||||||
| } | } | ||||||
| 
 | 
 | ||||||
| type LocalAlias struct { | type LocalAlias struct { | ||||||
|  | |||||||
| @ -1,6 +1,6 @@ | |||||||
| services: | services: | ||||||
|   garage: |   garage: | ||||||
|     image: dxflrs/garage:v2.0.0 |     image: dxflrs/garage:v1.0.1 | ||||||
|     container_name: garage |     container_name: garage | ||||||
|     volumes: |     volumes: | ||||||
|       - ./garage.toml:/etc/garage.toml |       - ./garage.toml:/etc/garage.toml | ||||||
| @ -8,10 +8,10 @@ services: | |||||||
|       - ./data:/var/lib/garage/data |       - ./data:/var/lib/garage/data | ||||||
|     restart: unless-stopped |     restart: unless-stopped | ||||||
|     ports: |     ports: | ||||||
|       - 3900:3900 |        - 3900:3900 | ||||||
|       - 3901:3901 |        - 3901:3901 | ||||||
|       - 3902:3903 |        - 3902:3903 | ||||||
|       - 3903:3903 |        - 3903:3903 | ||||||
| 
 | 
 | ||||||
|   webui: |   webui: | ||||||
|     image: khairul169/garage-webui:latest |     image: khairul169/garage-webui:latest | ||||||
| @ -24,3 +24,4 @@ services: | |||||||
|     environment: |     environment: | ||||||
|       API_BASE_URL: "http://garage:3903" |       API_BASE_URL: "http://garage:3903" | ||||||
|       S3_ENDPOINT_URL: "http://garage:3900" |       S3_ENDPOINT_URL: "http://garage:3900" | ||||||
|  | 
 | ||||||
|  | |||||||
| @ -1,7 +1,7 @@ | |||||||
| { | { | ||||||
|   "name": "garage-webui", |   "name": "garage-webui", | ||||||
|   "private": true, |   "private": true, | ||||||
|   "version": "1.1.0", |   "version": "1.0.9", | ||||||
|   "type": "module", |   "type": "module", | ||||||
|   "scripts": { |   "scripts": { | ||||||
|     "dev:client": "vite", |     "dev:client": "vite", | ||||||
|  | |||||||
| @ -18,7 +18,7 @@ export const useCreateBucket = ( | |||||||
|   options?: UseMutationOptions<any, Error, CreateBucketSchema> |   options?: UseMutationOptions<any, Error, CreateBucketSchema> | ||||||
| ) => { | ) => { | ||||||
|   return useMutation({ |   return useMutation({ | ||||||
|     mutationFn: (body) => api.post("/v2/CreateBucket", { body }), |     mutationFn: (body) => api.post("/v1/bucket", { body }), | ||||||
|     ...options, |     ...options, | ||||||
|   }); |   }); | ||||||
| }; | }; | ||||||
|  | |||||||
| @ -10,7 +10,7 @@ import { Bucket, Permissions } from "../types"; | |||||||
| export const useBucket = (id?: string | null) => { | export const useBucket = (id?: string | null) => { | ||||||
|   return useQuery({ |   return useQuery({ | ||||||
|     queryKey: ["bucket", id], |     queryKey: ["bucket", id], | ||||||
|     queryFn: () => api.get<Bucket>("/v2/GetBucketInfo", { params: { id } }), |     queryFn: () => api.get<Bucket>("/v1/bucket", { params: { id } }), | ||||||
|     enabled: !!id, |     enabled: !!id, | ||||||
|   }); |   }); | ||||||
| }; | }; | ||||||
| @ -18,10 +18,7 @@ export const useBucket = (id?: string | null) => { | |||||||
| export const useUpdateBucket = (id?: string | null) => { | export const useUpdateBucket = (id?: string | null) => { | ||||||
|   return useMutation({ |   return useMutation({ | ||||||
|     mutationFn: (values: any) => { |     mutationFn: (values: any) => { | ||||||
|       return api.post<any>("/v2/UpdateBucket", { |       return api.put<any>("/v1/bucket", { params: { id }, body: values }); | ||||||
|         params: { id }, |  | ||||||
|         body: values, |  | ||||||
|       }); |  | ||||||
|     }, |     }, | ||||||
|   }); |   }); | ||||||
| }; | }; | ||||||
| @ -32,8 +29,8 @@ export const useAddAlias = ( | |||||||
| ) => { | ) => { | ||||||
|   return useMutation({ |   return useMutation({ | ||||||
|     mutationFn: (alias: string) => { |     mutationFn: (alias: string) => { | ||||||
|       return api.post("/v2/AddBucketAlias", { |       return api.put("/v1/bucket/alias/global", { | ||||||
|         body: { bucketId, globalAlias: alias }, |         params: { id: bucketId, alias }, | ||||||
|       }); |       }); | ||||||
|     }, |     }, | ||||||
|     ...options, |     ...options, | ||||||
| @ -46,8 +43,8 @@ export const useRemoveAlias = ( | |||||||
| ) => { | ) => { | ||||||
|   return useMutation({ |   return useMutation({ | ||||||
|     mutationFn: (alias: string) => { |     mutationFn: (alias: string) => { | ||||||
|       return api.post("/v2/RemoveBucketAlias", { |       return api.delete("/v1/bucket/alias/global", { | ||||||
|         body: { bucketId, globalAlias: alias }, |         params: { id: bucketId, alias }, | ||||||
|       }); |       }); | ||||||
|     }, |     }, | ||||||
|     ...options, |     ...options, | ||||||
| @ -65,7 +62,8 @@ export const useAllowKey = ( | |||||||
|   return useMutation({ |   return useMutation({ | ||||||
|     mutationFn: async (payload) => { |     mutationFn: async (payload) => { | ||||||
|       const promises = payload.map(async (key) => { |       const promises = payload.map(async (key) => { | ||||||
|         return api.post("/v2/AllowBucketKey", { |         console.log("test", key); | ||||||
|  |         return api.post("/v1/bucket/allow", { | ||||||
|           body: { |           body: { | ||||||
|             bucketId, |             bucketId, | ||||||
|             accessKeyId: key.keyId, |             accessKeyId: key.keyId, | ||||||
| @ -90,7 +88,7 @@ export const useDenyKey = ( | |||||||
| ) => { | ) => { | ||||||
|   return useMutation({ |   return useMutation({ | ||||||
|     mutationFn: (payload) => { |     mutationFn: (payload) => { | ||||||
|       return api.post("/v2/DenyBucketKey", { |       return api.post("/v1/bucket/deny", { | ||||||
|         body: { |         body: { | ||||||
|           bucketId, |           bucketId, | ||||||
|           accessKeyId: payload.keyId, |           accessKeyId: payload.keyId, | ||||||
| @ -106,7 +104,7 @@ export const useRemoveBucket = ( | |||||||
|   options?: MutationOptions<any, Error, string> |   options?: MutationOptions<any, Error, string> | ||||||
| ) => { | ) => { | ||||||
|   return useMutation({ |   return useMutation({ | ||||||
|     mutationFn: (id) => api.post("/v2/DeleteBucket", { params: { id } }), |     mutationFn: (id) => api.delete("/v1/bucket", { params: { id } }), | ||||||
|     ...options, |     ...options, | ||||||
|   }); |   }); | ||||||
| }; | }; | ||||||
|  | |||||||
| @ -3,7 +3,6 @@ import { | |||||||
|   ApplyLayoutResult, |   ApplyLayoutResult, | ||||||
|   AssignNodeBody, |   AssignNodeBody, | ||||||
|   GetClusterLayoutResult, |   GetClusterLayoutResult, | ||||||
|   GetNodeInfoResult, |  | ||||||
|   GetStatusResult, |   GetStatusResult, | ||||||
| } from "./types"; | } from "./types"; | ||||||
| import { | import { | ||||||
| @ -12,37 +11,24 @@ import { | |||||||
|   useQuery, |   useQuery, | ||||||
| } from "@tanstack/react-query"; | } from "@tanstack/react-query"; | ||||||
| 
 | 
 | ||||||
| export const useNodeInfo = () => { |  | ||||||
|   return useQuery({ |  | ||||||
|     queryKey: ["node-info"], |  | ||||||
|     queryFn: () => |  | ||||||
|       api.get<GetNodeInfoResult>("/v2/GetNodeInfo", { |  | ||||||
|         params: { node: "self" }, |  | ||||||
|       }), |  | ||||||
|     select: (data) => Object.values(data?.success || {})?.[0], |  | ||||||
|   }); |  | ||||||
| }; |  | ||||||
| 
 |  | ||||||
| export const useClusterStatus = () => { | export const useClusterStatus = () => { | ||||||
|   return useQuery({ |   return useQuery({ | ||||||
|     queryKey: ["status"], |     queryKey: ["status"], | ||||||
|     queryFn: () => api.get<GetStatusResult>("/v2/GetClusterStatus"), |     queryFn: () => api.get<GetStatusResult>("/v1/status"), | ||||||
|   }); |   }); | ||||||
| }; | }; | ||||||
| 
 | 
 | ||||||
| export const useClusterLayout = () => { | export const useClusterLayout = () => { | ||||||
|   return useQuery({ |   return useQuery({ | ||||||
|     queryKey: ["layout"], |     queryKey: ["layout"], | ||||||
|     queryFn: () => api.get<GetClusterLayoutResult>("/v2/GetClusterLayout"), |     queryFn: () => api.get<GetClusterLayoutResult>("/v1/layout"), | ||||||
|   }); |   }); | ||||||
| }; | }; | ||||||
| 
 | 
 | ||||||
| export const useConnectNode = (options?: Partial<UseMutationOptions>) => { | export const useConnectNode = (options?: Partial<UseMutationOptions>) => { | ||||||
|   return useMutation<any, Error, string>({ |   return useMutation<any, Error, string>({ | ||||||
|     mutationFn: async (nodeId) => { |     mutationFn: async (nodeId) => { | ||||||
|       const [res] = await api.post("/v2/ConnectClusterNodes", { |       const [res] = await api.post("/v1/connect", { body: [nodeId] }); | ||||||
|         body: [nodeId], |  | ||||||
|       }); |  | ||||||
|       if (!res.success) { |       if (!res.success) { | ||||||
|         throw new Error(res.error || "Unknown error"); |         throw new Error(res.error || "Unknown error"); | ||||||
|       } |       } | ||||||
| @ -54,10 +40,7 @@ export const useConnectNode = (options?: Partial<UseMutationOptions>) => { | |||||||
| 
 | 
 | ||||||
| export const useAssignNode = (options?: Partial<UseMutationOptions>) => { | export const useAssignNode = (options?: Partial<UseMutationOptions>) => { | ||||||
|   return useMutation<any, Error, AssignNodeBody>({ |   return useMutation<any, Error, AssignNodeBody>({ | ||||||
|     mutationFn: (data) => |     mutationFn: (data) => api.post("/v1/layout", { body: [data] }), | ||||||
|       api.post("/v2/UpdateClusterLayout", { |  | ||||||
|         body: { parameters: null, roles: [data] }, |  | ||||||
|       }), |  | ||||||
|     ...(options as any), |     ...(options as any), | ||||||
|   }); |   }); | ||||||
| }; | }; | ||||||
| @ -65,16 +48,15 @@ export const useAssignNode = (options?: Partial<UseMutationOptions>) => { | |||||||
| export const useUnassignNode = (options?: Partial<UseMutationOptions>) => { | export const useUnassignNode = (options?: Partial<UseMutationOptions>) => { | ||||||
|   return useMutation<any, Error, string>({ |   return useMutation<any, Error, string>({ | ||||||
|     mutationFn: (nodeId) => |     mutationFn: (nodeId) => | ||||||
|       api.post("/v2/UpdateClusterLayout", { |       api.post("/v1/layout", { body: [{ id: nodeId, remove: true }] }), | ||||||
|         body: { parameters: null, roles: [{ id: nodeId, remove: true }] }, |  | ||||||
|       }), |  | ||||||
|     ...(options as any), |     ...(options as any), | ||||||
|   }); |   }); | ||||||
| }; | }; | ||||||
| 
 | 
 | ||||||
| export const useRevertChanges = (options?: Partial<UseMutationOptions>) => { | export const useRevertChanges = (options?: Partial<UseMutationOptions>) => { | ||||||
|   return useMutation<any, Error, number>({ |   return useMutation<any, Error, number>({ | ||||||
|     mutationFn: () => api.post("/v2/RevertClusterLayout"), |     mutationFn: (version) => | ||||||
|  |       api.post("/v1/layout/revert", { body: { version } }), | ||||||
|     ...(options as any), |     ...(options as any), | ||||||
|   }); |   }); | ||||||
| }; | }; | ||||||
| @ -82,7 +64,7 @@ export const useRevertChanges = (options?: Partial<UseMutationOptions>) => { | |||||||
| export const useApplyChanges = (options?: Partial<UseMutationOptions>) => { | export const useApplyChanges = (options?: Partial<UseMutationOptions>) => { | ||||||
|   return useMutation<ApplyLayoutResult, Error, number>({ |   return useMutation<ApplyLayoutResult, Error, number>({ | ||||||
|     mutationFn: (version) => |     mutationFn: (version) => | ||||||
|       api.post("/v2/ApplyClusterLayout", { body: { version } }), |       api.post("/v1/layout/apply", { body: { version } }), | ||||||
|     ...(options as any), |     ...(options as any), | ||||||
|   }); |   }); | ||||||
| }; | }; | ||||||
|  | |||||||
| @ -1,13 +1,11 @@ | |||||||
| import Page from "@/context/page-context"; | import Page from "@/context/page-context"; | ||||||
| import { useClusterStatus, useNodeInfo } from "./hooks"; | import { useClusterStatus } from "./hooks"; | ||||||
| import { Card } from "react-daisyui"; | import { Card } from "react-daisyui"; | ||||||
| import NodesList from "./components/nodes-list"; | import NodesList from "./components/nodes-list"; | ||||||
| import { useMemo } from "react"; | import { useMemo } from "react"; | ||||||
| 
 | 
 | ||||||
| const ClusterPage = () => { | const ClusterPage = () => { | ||||||
|   const { data } = useClusterStatus(); |   const { data } = useClusterStatus(); | ||||||
|   const { data: node } = useNodeInfo(); |  | ||||||
| 
 |  | ||||||
|   const nodes = useMemo(() => { |   const nodes = useMemo(() => { | ||||||
|     if (!data) return []; |     if (!data) return []; | ||||||
| 
 | 
 | ||||||
| @ -29,13 +27,13 @@ const ClusterPage = () => { | |||||||
|         <Card.Body className="gap-1"> |         <Card.Body className="gap-1"> | ||||||
|           <Card.Title className="mb-2">Details</Card.Title> |           <Card.Title className="mb-2">Details</Card.Title> | ||||||
| 
 | 
 | ||||||
|           {/* <DetailItem title="Node ID" value={node?.nodeId} /> */} |           <DetailItem title="Node ID" value={data?.node} /> | ||||||
|           <DetailItem title="Garage Version" value={node?.garageVersion} /> |           <DetailItem title="Version" value={data?.garageVersion} /> | ||||||
|           {/* <DetailItem title="Rust version" value={data?.rustVersion} /> */} |           {/* <DetailItem title="Rust version" value={data?.rustVersion} /> */} | ||||||
|           <DetailItem title="DB engine" value={node?.dbEngine} /> |           <DetailItem title="DB engine" value={data?.dbEngine} /> | ||||||
|           <DetailItem |           <DetailItem | ||||||
|             title="Layout version" |             title="Layout version" | ||||||
|             value={data?.layoutVersion || data?.layout?.version || "-"} |             value={data?.layoutVersion || data?.layout?.version} | ||||||
|           /> |           /> | ||||||
|         </Card.Body> |         </Card.Body> | ||||||
|       </Card> |       </Card> | ||||||
|  | |||||||
| @ -1,19 +1,5 @@ | |||||||
| //
 | //
 | ||||||
| 
 | 
 | ||||||
| export type GetNodeInfoResult = { |  | ||||||
|   success: { |  | ||||||
|     [key: string]: { |  | ||||||
|       nodeId:         string; |  | ||||||
|       garageVersion:  string; |  | ||||||
|       garageFeatures: string[]; |  | ||||||
|       rustVersion:    string; |  | ||||||
|       dbEngine:       string; |  | ||||||
|     }; |  | ||||||
|   }; |  | ||||||
|   error:   Error; |  | ||||||
| } |  | ||||||
| 
 |  | ||||||
| 
 |  | ||||||
| export type GetStatusResult = { | export type GetStatusResult = { | ||||||
|   node: string; |   node: string; | ||||||
|   garageVersion: string; |   garageVersion: string; | ||||||
|  | |||||||
| @ -5,6 +5,6 @@ import { useQuery } from "@tanstack/react-query"; | |||||||
| export const useNodesHealth = () => { | export const useNodesHealth = () => { | ||||||
|   return useQuery({ |   return useQuery({ | ||||||
|     queryKey: ["health"], |     queryKey: ["health"], | ||||||
|     queryFn: () => api.get<GetHealthResult>("/v2/GetClusterHealth"), |     queryFn: () => api.get<GetHealthResult>("/v1/health"), | ||||||
|   }); |   }); | ||||||
| }; | }; | ||||||
|  | |||||||
| @ -10,7 +10,7 @@ import { CreateKeySchema } from "./schema"; | |||||||
| export const useKeys = () => { | export const useKeys = () => { | ||||||
|   return useQuery({ |   return useQuery({ | ||||||
|     queryKey: ["keys"], |     queryKey: ["keys"], | ||||||
|     queryFn: () => api.get<Key[]>("/v2/ListKeys"), |     queryFn: () => api.get<Key[]>("/v1/key?list"), | ||||||
|   }); |   }); | ||||||
| }; | }; | ||||||
| 
 | 
 | ||||||
| @ -20,9 +20,9 @@ export const useCreateKey = ( | |||||||
|   return useMutation({ |   return useMutation({ | ||||||
|     mutationFn: async (body) => { |     mutationFn: async (body) => { | ||||||
|       if (body.isImport) { |       if (body.isImport) { | ||||||
|         return api.post("/v2/ImportKey", { body }); |         return api.post("/v1/key/import", { body }); | ||||||
|       } |       } | ||||||
|       return api.post("/v2/CreateKey", { body }); |       return api.post("/v1/key", { body }); | ||||||
|     }, |     }, | ||||||
|     ...options, |     ...options, | ||||||
|   }); |   }); | ||||||
| @ -32,7 +32,7 @@ export const useRemoveKey = ( | |||||||
|   options?: UseMutationOptions<any, Error, string> |   options?: UseMutationOptions<any, Error, string> | ||||||
| ) => { | ) => { | ||||||
|   return useMutation({ |   return useMutation({ | ||||||
|     mutationFn: (id) => api.post("/v2/DeleteKey", { params: { id } }), |     mutationFn: (id) => api.delete("/v1/key", { params: { id } }), | ||||||
|     ...options, |     ...options, | ||||||
|   }); |   }); | ||||||
| }; | }; | ||||||
|  | |||||||
| @ -24,7 +24,7 @@ const KeysPage = () => { | |||||||
| 
 | 
 | ||||||
|   const fetchSecretKey = useCallback(async (id: string) => { |   const fetchSecretKey = useCallback(async (id: string) => { | ||||||
|     try { |     try { | ||||||
|       const result = await api.get("/v2/GetKeyInfo", { |       const result = await api.get("/v1/key", { | ||||||
|         params: { id, showSecretKey: "true" }, |         params: { id, showSecretKey: "true" }, | ||||||
|       }); |       }); | ||||||
|       if (!result?.secretAccessKey) { |       if (!result?.secretAccessKey) { | ||||||
|  | |||||||
		Loading…
	
	
			
			x
			
			
		
	
		Reference in New Issue
	
	Block a user