diff --git a/src/models.ts b/src/models.ts index d025636..a3f4094 100644 --- a/src/models.ts +++ b/src/models.ts @@ -47,7 +47,7 @@ export function schemeType( const useShort = short ?? false; const foundType = find(SchemeTypeOptions, { value }) as SchemeTypeOption | undefined; if (isNil(foundType)) { - return null; + return 'CORRUPTED'; } return useShort ? foundType.short : foundType.label; } diff --git a/src/page-components/scheme/CorruptedScheme.module.css b/src/page-components/scheme/CorruptedScheme.module.css new file mode 100644 index 0000000..9090320 --- /dev/null +++ b/src/page-components/scheme/CorruptedScheme.module.css @@ -0,0 +1,6 @@ +@layer pages { + .corrupted { + font-size: var(--font-size-xl); + color: var(--color-danger); + } +} diff --git a/src/page-components/scheme/CorruptedScheme.tsx b/src/page-components/scheme/CorruptedScheme.tsx new file mode 100644 index 0000000..4ac2635 --- /dev/null +++ b/src/page-components/scheme/CorruptedScheme.tsx @@ -0,0 +1,8 @@ +import styles from './CorruptedScheme.module.css'; +export function CorruptedScheme() { + return ( +
+
Unrecognizable or corrupted scheme
+
+ ); +} diff --git a/src/page-components/scheme/UnknownScheme.tsx b/src/page-components/scheme/UnknownScheme.tsx deleted file mode 100644 index 6a52859..0000000 --- a/src/page-components/scheme/UnknownScheme.tsx +++ /dev/null @@ -1,3 +0,0 @@ -export function UnknownScheme() { - return
Unknown or currupted scheme
; -} diff --git a/src/pages/SchemeDetail.tsx b/src/pages/SchemeDetail.tsx index b374563..4a90fca 100644 --- a/src/pages/SchemeDetail.tsx +++ b/src/pages/SchemeDetail.tsx @@ -5,11 +5,11 @@ import { useNavigate, useParams } from 'react-router-dom'; import { EditableDescription } from '../components/EditableDescription'; import { EditableTitle } from '../components/EditableTitle'; import { SchemeSign } from '../components/SchemeSign'; +import { CorruptedScheme } from '../page-components/scheme/CorruptedScheme'; import { M2Scheme } from '../page-components/scheme/M2Scheme'; import { M3Scheme } from '../page-components/scheme/M3Scheme'; import { QScheme } from '../page-components/scheme/QScheme'; import { SwatchScheme } from '../page-components/scheme/SwatchScheme'; -import { UnknownScheme } from '../page-components/scheme/UnknownScheme'; import { useScheme, useUpdateScheme } from '../stores/schemes'; import styles from './SchemeDetail.module.css'; @@ -48,7 +48,7 @@ export function SchemeDetail() { case 'material_3': return ; default: - return ; + return ; } }, [scheme]);