refactor(not-found-page): use css modules

bas-kirill · Aug 24, 2024 · 0d29972 · 0d29972
1 parent f8b0ae6
commit 0d29972
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 4 deletions.
diff --git a/client/src/pages/not-found/index.ts b/client/src/pages/not-found/index.ts
@@ -1 +1,3 @@
-export { NotFoundPage } from "./ui/NotFoundPage";
+import { NotFoundPage } from "./ui/NotFoundPage";
+
+export { NotFoundPage };
diff --git a/client/src/pages/not-found/ui/NotFoundPage.tsx b/client/src/pages/not-found/ui/NotFoundPage.tsx
@@ -1,12 +1,12 @@
 import React from "react";
-import "./styles/NotFoundPage.css";
+import styles from "./styles/NotFoundPage.module.css";
 import { HeaderWidget } from "widgets/header";
 
 export function NotFoundPage() {
   return (
     <>
       <HeaderWidget />
-      <div id="not-found">Page not found :(</div>
+      <div className={styles.not_found}>Page not found :(</div>
     </>
   );
 }

diff --git a/...ages/not-found/ui/styles/NotFoundPage.css → ...t-found/ui/styles/NotFoundPage.module.css b/...ages/not-found/ui/styles/NotFoundPage.css → ...t-found/ui/styles/NotFoundPage.module.css
@@ -1,3 +1,3 @@
-#not-found {
+.not_found {
   font-size: 64px;
 }