mirror of
https://github.com/Unleash/unleash.git
synced 2025-09-24 17:51:14 +02:00
refactor: remove unused code
This commit is contained in:
parent
834f4e3985
commit
d58ed1dee2
@ -1,111 +0,0 @@
|
||||
import { type ChangeEvent, useMemo, useState } from 'react';
|
||||
import { Grid, TextField, styled } from '@mui/material';
|
||||
import { useThemeStyles } from 'themes/themeStyles';
|
||||
import icons from 'component/application/iconNames';
|
||||
import GeneralSelect from 'component/common/GeneralSelect/GeneralSelect';
|
||||
import useApplicationsApi from 'hooks/api/actions/useApplicationsApi/useApplicationsApi';
|
||||
import useToast from 'hooks/useToast';
|
||||
import type { IApplication } from 'interfaces/application';
|
||||
import useApplication from 'hooks/api/getters/useApplication/useApplication';
|
||||
import { formatUnknownError } from 'utils/formatUnknownError';
|
||||
import { HelpIcon } from 'component/common/HelpIcon/HelpIcon';
|
||||
|
||||
interface IApplicationUpdateProps {
|
||||
application: IApplication;
|
||||
}
|
||||
|
||||
const StyledSelectContainer = styled('div')(({ theme }) => ({
|
||||
display: 'flex',
|
||||
alignItems: 'center',
|
||||
gap: theme.spacing(1),
|
||||
}));
|
||||
|
||||
export const ApplicationUpdate = ({ application }: IApplicationUpdateProps) => {
|
||||
const { storeApplicationMetaData } = useApplicationsApi();
|
||||
const { appName, icon, url, description } = application;
|
||||
const { refetchApplication } = useApplication(appName);
|
||||
const [localUrl, setLocalUrl] = useState(url || '');
|
||||
const [localDescription, setLocalDescription] = useState(description || '');
|
||||
const { setToastData, setToastApiError } = useToast();
|
||||
const { classes: themeStyles } = useThemeStyles();
|
||||
|
||||
const onChange = async (
|
||||
field: string,
|
||||
value: string,
|
||||
event?: ChangeEvent,
|
||||
) => {
|
||||
event?.preventDefault();
|
||||
try {
|
||||
await storeApplicationMetaData(appName, field, value);
|
||||
refetchApplication();
|
||||
setToastData({
|
||||
type: 'success',
|
||||
text: 'Updated Successfully',
|
||||
});
|
||||
} catch (error: unknown) {
|
||||
setToastApiError(formatUnknownError(error));
|
||||
}
|
||||
};
|
||||
|
||||
const options = useMemo(() => icons.map((v) => ({ key: v, label: v })), []);
|
||||
|
||||
return (
|
||||
<Grid container style={{ marginTop: '1rem' }}>
|
||||
<Grid item sm={12} xs={12} className={themeStyles.contentSpacingY}>
|
||||
<Grid item>
|
||||
<StyledSelectContainer>
|
||||
<GeneralSelect
|
||||
name='iconSelect'
|
||||
id='selectIcon'
|
||||
label='Icon'
|
||||
options={options}
|
||||
value={icon || 'apps'}
|
||||
onChange={(key) => onChange('icon', key)}
|
||||
/>
|
||||
<HelpIcon
|
||||
htmlTooltip
|
||||
tooltip={
|
||||
<>
|
||||
<p>Unleash is using Material Icons</p>
|
||||
<br />
|
||||
<a
|
||||
href='https://mui.com/material-ui/material-icons/'
|
||||
target='_blank'
|
||||
rel='noreferrer'
|
||||
>
|
||||
Preview icons on MUI.com
|
||||
</a>
|
||||
</>
|
||||
}
|
||||
/>
|
||||
</StyledSelectContainer>
|
||||
</Grid>
|
||||
<Grid item>
|
||||
<TextField
|
||||
value={localUrl}
|
||||
onChange={(e) => setLocalUrl(e.target.value)}
|
||||
label='Application URL'
|
||||
placeholder='https://example.com'
|
||||
type='url'
|
||||
variant='outlined'
|
||||
size='small'
|
||||
onBlur={(e) => onChange('url', localUrl, e)}
|
||||
/>
|
||||
</Grid>
|
||||
<Grid item>
|
||||
<TextField
|
||||
value={localDescription}
|
||||
label='Description'
|
||||
variant='outlined'
|
||||
size='small'
|
||||
rows={2}
|
||||
onChange={(e) => setLocalDescription(e.target.value)}
|
||||
onBlur={(e) =>
|
||||
onChange('description', localDescription, e)
|
||||
}
|
||||
/>
|
||||
</Grid>
|
||||
</Grid>
|
||||
</Grid>
|
||||
);
|
||||
};
|
@ -7,22 +7,6 @@ const useApplicationsApi = () => {
|
||||
|
||||
const URI = 'api/admin/metrics/applications';
|
||||
|
||||
const storeApplicationMetaData = async (
|
||||
appName: string,
|
||||
key: string,
|
||||
value: string,
|
||||
) => {
|
||||
const data: { [key: string]: any } = {};
|
||||
data[key] = value;
|
||||
const path = `${URI}/${appName}`;
|
||||
const req = createRequest(path, {
|
||||
method: 'POST',
|
||||
body: JSON.stringify(data),
|
||||
});
|
||||
|
||||
return makeRequest(req.caller, req.id);
|
||||
};
|
||||
|
||||
const deleteApplication = async (appName: string) => {
|
||||
const path = `${URI}/${encodeURIComponent(appName)}`;
|
||||
const req = createRequest(path, { method: 'DELETE' });
|
||||
@ -31,7 +15,6 @@ const useApplicationsApi = () => {
|
||||
};
|
||||
|
||||
return {
|
||||
storeApplicationMetaData,
|
||||
deleteApplication,
|
||||
errors,
|
||||
loading,
|
||||
|
Loading…
Reference in New Issue
Block a user