fixed select component

src/components/Auth/Auth.js

@@ -1,12 +1,18 @@
 import React from 'react';
-import style from './Auth.module.scss';
+import style from './Auth.module.css';
 
 const Auth = ({ setAuthed }) => {
   return (
     <div className={style.auth}>
       <div className={style.auth__container}>
         <img src="https://www.google.com/gmail/about/static/images/logo-gmail.png?cache=1adba63" alt="" />
-        <button className={style.auth__btn} onClick={() => setAuthed(true)}>
+        <button
+          className={style.auth__btn}
+          onClick={() => {
+            setAuthed(true);
+            // localStorage.setItem('auth', 'true');
+          }}
+        >
           Log in
         </button>
       </div>

src/components/Auth/Auth.module.css

@@ -0,0 +1,26 @@
+.auth {
+  display: grid;
+  place-items: center;
+  height: 100vh;
+  background-color: #f2f2f2;
+
+}
+
+.auth__container {
+  display: flex;
+  flex-direction: column;
+}
+
+.auth__container > img {
+  object-fit: contain;
+  height: 200px;
+}
+
+.auth__btn {
+  width: 180px;
+  height: 40px;
+  border: 2px solid gray;
+  border-radius: 100px;
+  font-size: 1.6em;
+  margin: 0 auto;
+}

src/components/Auth/Auth.module.scss

@@ -1,25 +0,0 @@
-.auth {
-  display: grid;
-  place-items: center;
-  height: 100vh;
-  background-color: #f2f2f2;
-
-  &__container {
-    display: flex;
-    flex-direction: column;
-  }
-
-  &__container > img {
-    object-fit: contain;
-    height: 200px;
-  }
-
-  &__btn {
-    width: 180px;
-    height: 40px;
-    border: 2px solid gray;
-    border-radius: 100px;
-    font-size: 1.6em;
-    margin: 0 auto;
-  }
-}