lone-cloud/gerbil
0
0
Fork 0
mirror of https://github.com/lone-cloud/gerbil synced 2026-06-03 09:33:10 -07:00
Code Issues Projects Releases Packages Wiki Activity

better UX to enable/disable button than hide/show it based on state values

Browse source
This commit is contained in:
Egor 2025-10-26 15:05:37 -07:00
parent ea777fed39
commit ecdd47af36
1 changed files with 13 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

17
src/components/screens/Launch/ModelFileField.tsx
View file

@ -37,7 +37,7 @@ export const ModelFileField = ({
const [analysisError, setAnalysisError] = useState<string>();
const getHelperText = () => {
if (!value.trim()) return undefined;
if (validationState === 'neutral') return undefined;
if (validationState === 'invalid') {
return 'Enter a valid URL or file path';
@ -47,7 +47,7 @@ export const ModelFileField = ({
};
const handleAnalyzeModel = async () => {
if (!value.trim()) return;
if (validationState === 'neutral' || validationState === 'invalid') return;
setAnalysisModalOpened(true);
setAnalysisLoading(true);
@ -97,13 +97,22 @@ export const ModelFileField = ({
</ActionIcon>
</Tooltip>
)}
{showAnalyze && value.trim() && validationState !== 'invalid' && (
<Tooltip label="Analyze model">
{showAnalyze && (
<Tooltip
label={
validationState === 'neutral' || validationState === 'invalid'
? 'Enter a valid model path'
: 'Analyze model'
}
>
<ActionIcon
onClick={handleAnalyzeModel}
variant="light"
color="blue"
size="lg"
disabled={
validationState === 'neutral' || validationState === 'invalid'
}
>
<Info size={16} />
</ActionIcon>