mirror of
https://github.com/portainer/portainer.git
synced 2025-08-04 21:35:23 +02:00
refactor(templates): migrate list view to react [EE-2296] (#10999)
This commit is contained in:
parent
d38085a560
commit
6ff4fd3db2
103 changed files with 2628 additions and 1315 deletions
19
app/react/docker/volumes/queries/build-url.ts
Normal file
19
app/react/docker/volumes/queries/build-url.ts
Normal file
|
@ -0,0 +1,19 @@
|
|||
import { buildUrl as buildProxyUrl } from '@/react/docker/proxy/queries/build-url';
|
||||
import { EnvironmentId } from '@/react/portainer/environments/types';
|
||||
|
||||
export function buildUrl(
|
||||
environmentId: EnvironmentId,
|
||||
{ action, id }: { id?: string; action?: string } = {}
|
||||
) {
|
||||
let url = buildProxyUrl(environmentId, 'volumes');
|
||||
|
||||
if (id) {
|
||||
url += `/${id}`;
|
||||
}
|
||||
|
||||
if (action) {
|
||||
url += `/${action}`;
|
||||
}
|
||||
|
||||
return url;
|
||||
}
|
26
app/react/docker/volumes/queries/useCreateVolume.ts
Normal file
26
app/react/docker/volumes/queries/useCreateVolume.ts
Normal file
|
@ -0,0 +1,26 @@
|
|||
import { Volume, VolumeCreateOptions } from 'docker-types/generated/1.41';
|
||||
|
||||
import axios, { parseAxiosError } from '@/portainer/services/axios';
|
||||
import { EnvironmentId } from '@/react/portainer/environments/types';
|
||||
|
||||
import { buildUrl } from './build-url';
|
||||
|
||||
export async function createVolume(
|
||||
environmentId: EnvironmentId,
|
||||
volume: VolumeCreateOptions
|
||||
) {
|
||||
try {
|
||||
const { data } = await axios.post<Volume>(
|
||||
buildUrl(environmentId, { action: 'create' }),
|
||||
volume,
|
||||
{
|
||||
headers: {
|
||||
'X-Portainer-VolumeName': volume.Name || '',
|
||||
},
|
||||
}
|
||||
);
|
||||
return data;
|
||||
} catch (error) {
|
||||
throw parseAxiosError(error);
|
||||
}
|
||||
}
|
|
@ -2,10 +2,10 @@ import { useQuery } from 'react-query';
|
|||
import { Volume } from 'docker-types/generated/1.41';
|
||||
|
||||
import axios, { parseAxiosError } from '@/portainer/services/axios';
|
||||
import { buildUrl as buildDockerUrl } from '@/react/docker/proxy/queries/build-url';
|
||||
import { EnvironmentId } from '@/react/portainer/environments/types';
|
||||
|
||||
import { queryKeys } from './query-keys';
|
||||
import { buildUrl } from './build-url';
|
||||
|
||||
export function useVolumes<T = Volume[]>(
|
||||
environmentId: EnvironmentId,
|
||||
|
@ -24,22 +24,10 @@ interface VolumesResponse {
|
|||
|
||||
export async function getVolumes(environmentId: EnvironmentId) {
|
||||
try {
|
||||
const { data } = await axios.get<VolumesResponse>(
|
||||
buildUrl(environmentId, 'volumes')
|
||||
);
|
||||
const { data } = await axios.get<VolumesResponse>(buildUrl(environmentId));
|
||||
|
||||
return data.Volumes;
|
||||
} catch (error) {
|
||||
throw parseAxiosError(error as Error, 'Unable to retrieve volumes');
|
||||
}
|
||||
}
|
||||
|
||||
function buildUrl(environmentId: EnvironmentId, action: string, id?: string) {
|
||||
let url = buildDockerUrl(environmentId, action);
|
||||
|
||||
if (id) {
|
||||
url += `/${id}`;
|
||||
}
|
||||
|
||||
return url;
|
||||
}
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue