fixes

src/app/[documentName]/page.tsx

@@ -1,5 +1,11 @@
 import { EditorScreen } from '@/screen/EditorScreen';
 
-export default function () {
-	return <EditorScreen enableEdit />;
+type PageProps = {
+	params: {
+		documentName: string;
+	};
+};
+
+export default function (props: PageProps) {
+	return <EditorScreen documentName={props.params.documentName} enableEdit />;
 }

src/app/[documentName]/raw/page.tsx

@@ -1,12 +1,12 @@
 import { redirect } from 'next/navigation';
 
-type RedirectProps = {
+type PageProps = {
 	params: {
 		documentName: string;
 	};
 };
 
-export default function (props: RedirectProps) {
+export default function (props: PageProps) {
 	// TODO: Expose Backend API route location
 	return redirect(`/api/document/${props.params.documentName}/raw`);
 }

src/component/editor/FooterComponent.tsx

@@ -64,7 +64,7 @@ export const FooterComponent = (props: ControlsProps) => {
 				icon={<MdSubject fontSize='20px' />}
 				label='View Raw'
 				onClick={() => handleNavigation(`/documents/${props.documentName}/raw`)}
-				isDisabled={Boolean(props.documentName) || props.isEditing}
+				isDisabled={!props.documentName || props.isEditing}
 			/>
 		</Flex>
 	);

src/screen/EditorScreen.tsx

@@ -22,9 +22,7 @@ export const EditorScreen = ({ documentName, enableEdit = false }: EditorScreenP
 
 	return (
 		<div className='flex flex-col h-lvh'>
-			<header>
-				<HeaderComponent lineNumber={position.lineNumber} columnNumber={position.columnNumber} />
-			</header>
+			<HeaderComponent lineNumber={position.lineNumber} columnNumber={position.columnNumber} />
 			<EditorComponent
 				setCursorLocation={setPosition}
 				setValue={setValue}