applied prettier

jphacks · Oct 27, 2021 · ac675cf · ac675cf
1 parent 6120045
commit ac675cf
Show file tree

Hide file tree

Showing 4 changed files with 31 additions and 55 deletions.
diff --git a/frontend/src/components/ModalQrBody.js b/frontend/src/components/ModalQrBody.js
@@ -1,26 +1,26 @@
-import { useQRCode } from "next-qrcode";
-import styles from "../styles/Home.module.scss";
+import { useQRCode } from 'next-qrcode'
+import styles from '../styles/Home.module.scss'
 
 const ModalQrBody = ({ text }) => {
   const { inputRef } = useQRCode({
     text: text,
     options: {
       // type: 'image/jpeg',
-      level: "M",
+      level: 'M',
       margin: 7,
       scale: 1,
       width: 250,
       color: {
-        dark: "#000000",
-        light: "#FFFFFF",
-      },
-    },
-  });
+        dark: '#000000',
+        light: '#FFFFFF'
+      }
+    }
+  })
   return (
     <div>
       <canvas className={styles.qrcode} ref={inputRef} />
     </div>
-  );
-};
+  )
+}
 
-export default ModalQrBody;
+export default ModalQrBody
diff --git a/frontend/src/pages/Home.js b/frontend/src/pages/Home.js
@@ -9,15 +9,15 @@ import {
   ModalContent,
   ModalHeader,
   ModalBody,
-  ModalCloseButton,
-} from "@chakra-ui/react";
-import { BsPersonPlus } from "react-icons/bs";
-import { useDisclosure } from "@chakra-ui/hooks";
-import React from "react";
-import ModalQrBody from "../components/ModalQrBody";
+  ModalCloseButton
+} from '@chakra-ui/react'
+import { BsPersonPlus } from 'react-icons/bs'
+import { useDisclosure } from '@chakra-ui/hooks'
+import React from 'react'
+import ModalQrBody from '../components/ModalQrBody'
 
 const Home = () => {
-  const { isOpen, onOpen, onClose } = useDisclosure();
+  const { isOpen, onOpen, onClose } = useDisclosure()
 
   return (
     <div>
@@ -45,9 +45,7 @@ const Home = () => {
                   友達がこのQRコードをスキャンすると、あなたを友達に追加できます。
                 </div>
                 <ModalQrBody
-                  text={
-                    "https://garigari-mask.com/qr?from=976fae18-031d-461e-92d7-bcfe1d72d8fe"
-                  }
+                  text={'https://garigari-mask.com/qr?from=976fae18-031d-461e-92d7-bcfe1d72d8fe'}
                 />
               </ModalBody>
             </ModalContent>

diff --git a/frontend/src/pages/Signup.js b/frontend/src/pages/Signup.js
@@ -1,26 +1,14 @@
-import styles from "../styles/Signup.module.scss";
-import { Input, Checkbox, Button, Spacer } from "@chakra-ui/react";
+import styles from '../styles/Signup.module.scss'
+import { Input, Checkbox, Button, Spacer } from '@chakra-ui/react'
 
 const Signup = () => {
   return (
     <div className={styles.signupContainer}>
-      <Input
-        placeholder="FullName"
-        size="lg"
-        mt={140}
-        width={"80"}
-        boxShadow="base blue"
-      />
-      <Input
-        placeholder="Password"
-        size="lg"
-        width={"80"}
-        mt={10}
-        boxShadow="base"
-      />
+      <Input placeholder="FullName" size="lg" mt={140} width={'80'} boxShadow="base blue" />
+      <Input placeholder="Password" size="lg" width={'80'} mt={10} boxShadow="base" />
       <Checkbox mt={10}>Terms and conditions</Checkbox>
       <Spacer />
-      <Button mt={20} bg={"blue.200"} size="lg">
+      <Button mt={20} bg={'blue.200'} size="lg">
         Create account
       </Button>
     </div>

diff --git a/frontend/src/styles/Home.module.scss b/frontend/src/styles/Home.module.scss
@@ -11,18 +11,8 @@
   position: relative;
   height: 2px;
   border-width: 0;
-  background-image: -webkit-linear-gradient(
-    left,
-    transparent 0%,
-    #ffd085 50%,
-    transparent 100%
-  );
-  background-image: linear-gradient(
-    90deg,
-    transparent 0%,
-    #fbba40 50%,
-    transparent 100%
-  );
+  background-image: -webkit-linear-gradient(left, transparent 0%, #ffd085 50%, transparent 100%);
+  background-image: linear-gradient(90deg, transparent 0%, #fbba40 50%, transparent 100%);
 }
 .mask {
   text-align: center;
@@ -50,9 +40,9 @@
     border-bottom: 2px black;
   }
 }
-.qrcodeSentence{
-    text-align: center;
+.qrcodeSentence {
+  text-align: center;
+}
+.qrcode {
+  margin: 0 auto;
 }
-.qrcode{
-    margin: 0 auto;
-}