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]);