From 0b544fc507fcad403bbb928553b7e1ebba17bc92 Mon Sep 17 00:00:00 2001
From: Gnarwhal <git.aspect893@passmail.net>
Date: Thu, 19 Sep 2024 04:08:14 +0000
Subject: [PATCH] More fixes

---
 src/app/[...file]/content.tsx       | 2 +-
 src/app/[...file]/types/text.css.ts | 1 +
 src/app/[...file]/types/text.tsx    | 4 ++--
 3 files changed, 4 insertions(+), 3 deletions(-)

diff --git a/src/app/[...file]/content.tsx b/src/app/[...file]/content.tsx
index c3099d0..44e37c6 100644
--- a/src/app/[...file]/content.tsx
+++ b/src/app/[...file]/content.tsx
@@ -89,7 +89,7 @@ export default function Content({ src }: { src: string}) {
 						json:  "json",
 					}
 					const split = window.location.pathname.split('.');
-					set_content(<Text language={split.length == 0 ? 'none' : languages[split[split.length - 1]]} text={data} />);
+					set_content(<Text language={split.length == 0 ? 'none' : (languages[split[split.length - 1] as keyof typeof languages] ?? 'none')} text={data} />);
 				}
 			};
 		}
diff --git a/src/app/[...file]/types/text.css.ts b/src/app/[...file]/types/text.css.ts
index 2737583..326e45c 100644
--- a/src/app/[...file]/types/text.css.ts
+++ b/src/app/[...file]/types/text.css.ts
@@ -9,6 +9,7 @@ export const group = style({
 	lineHeight: '1.4em',
 	whiteSpace: 'pre',
 	tabSize:    4,
+	overflowX:  'scroll',
 	'@media': {
 		'screen and (min-width: 768px)': {
 			fontSize: '1.1em',
diff --git a/src/app/[...file]/types/text.tsx b/src/app/[...file]/types/text.tsx
index 3517996..7bb7182 100644
--- a/src/app/[...file]/types/text.tsx
+++ b/src/app/[...file]/types/text.tsx
@@ -10,7 +10,7 @@ export default function Text({ language, text }: { language: string, text: strin
 	const media_matcher = window.matchMedia('(prefers-color-scheme: light)');
 	const [light_theme, set_light_theme] = useState(media_matcher.matches);
 
-	function check_light_theme(event) {
+	function check_light_theme(event: MediaQueryListEvent) {
 		if (light_theme != event.matches) {
 			set_light_theme(!light_theme);
 		}
@@ -30,7 +30,7 @@ export default function Text({ language, text }: { language: string, text: strin
 			code={text}
 			language={language}
 		>
-			{({ className, style, tokens, getLineProps, getTokenProps }) => (
+			{({ tokens, getLineProps, getTokenProps }) => (
 				<div>
 					{tokens.map((line, i) => (
 						<div key={i} {...getLineProps({ line })}>