chore: update prettier setting

src/routes/invite/index.js

@@ -15,14 +15,9 @@ export default function InvitePage() {
   const [valid, setValid] = useState(false);
   // const [sp] = useSearchParams();
   // const navigateTo = useNavigate();
-  const [
-    register,
-    { data, isLoading, isSuccess, isError, error },
-  ] = useRegisterMutation();
-  const [
-    checkToken,
-    { data: isValid, isLoading: checkLoading, isSuccess: checkSuccess },
-  ] = useCheckInviteTokenValidMutation();
+  const [register, { data, isLoading, isSuccess, isError, error }] = useRegisterMutation();
+  const [checkToken, { data: isValid, isLoading: checkLoading, isSuccess: checkSuccess }] =
+    useCheckInviteTokenValidMutation();
   useEffect(() => {
     // console.log(search);
     const query = new URLSearchParams(location.search);
@@ -45,7 +40,7 @@ export default function InvitePage() {
   const [input, setInput] = useState({
     name: "",
     email: "",
-    password: "",
+    password: ""
   });
 
   const handleReg = (evt) => {
@@ -58,7 +53,7 @@ export default function InvitePage() {
     register({
       ...input,
       magic_token: token,
-      gender: 1,
+      gender: 1
     });
   };
   const handleInput = (evt) => {
@@ -105,7 +100,7 @@ export default function InvitePage() {
         case 409: {
           const tips = {
             email_conflict: "email conflict",
-            name_conflict: "name conflict",
+            name_conflict: "name conflict"
           };
           toast.error(`Register Failed: ${tips[error.data?.reason]}`);
           break;
@@ -126,11 +121,7 @@ export default function InvitePage() {
     <StyledWrapper>
       <div className="form animate__animated animate__fadeInDown animate__faster">
         <div className="tips">
-          <img
-            src={`${BASE_URL}/resource/organization/logo`}
-            alt="logo"
-            className="logo"
-          />
+          <img src={`${BASE_URL}/resource/organization/logo`} alt="logo" className="logo" />
           <h2 className="title">Sign Up to Rustchat</h2>
           <span className="desc">Please enter your details.</span>
         </div>
@@ -170,11 +161,7 @@ export default function InvitePage() {
             onChange={handleSecondPwdInput}
             placeholder="Enter your password again"
           />
-          <button
-            disabled={isLoading || isSuccess}
-            className="btn"
-            type="submit"
-          >
+          <button disabled={isLoading || isSuccess} className="btn" type="submit">
             Sign Up
           </button>
         </form>

src/routes/invite/styled.js

@@ -1,75 +1,75 @@
-import styled from 'styled-components';
+import styled from "styled-components";
 const StyledWrapper = styled.div`
- display: flex;
- justify-content: center;
- align-items: center;
- height: 100vh;
- .form {
-  padding: 36px 40px 32px 40px;
-  /* border: 1px solid #eee; */
-  box-shadow: 0px 4px 8px -2px rgba(16, 24, 40, 0.1), 0px 2px 4px -2px rgba(16, 24, 40, 0.06);
-  border-radius: 12px;
-  .tips {
-   display: flex;
-   flex-direction: column;
-   align-items: center;
-   padding-bottom: 24px;
-   .logo {
-    width: 56px;
-    height: 56px;
-    margin-bottom: 28px;
-   }
-   .title {
-    font-weight: 600;
-    font-size: 24px;
-    line-height: 32px;
-    color: #101828;
-    margin-bottom: 8px;
-   }
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  height: 100vh;
+  .form {
+    padding: 36px 40px 32px 40px;
+    /* border: 1px solid #eee; */
+    box-shadow: 0px 4px 8px -2px rgba(16, 24, 40, 0.1), 0px 2px 4px -2px rgba(16, 24, 40, 0.06);
+    border-radius: 12px;
+    .tips {
+      display: flex;
+      flex-direction: column;
+      align-items: center;
+      padding-bottom: 24px;
+      .logo {
+        width: 56px;
+        height: 56px;
+        margin-bottom: 28px;
+      }
+      .title {
+        font-weight: 600;
+        font-size: 24px;
+        line-height: 32px;
+        color: #101828;
+        margin-bottom: 8px;
+      }
+    }
+    .desc {
+      font-weight: normal;
+      font-size: 16px;
+      line-height: 24px;
+      color: #667085;
+    }
+    form {
+      display: flex;
+      flex-direction: column;
+      gap: 20px;
+      input {
+        width: 360px;
+        background: #ffffff;
+        border: 1px solid #d0d5dd;
+        box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05);
+        border-radius: 8px;
+        padding: 10px 14px;
+        font-weight: normal;
+        font-size: 16px;
+        line-height: 24px;
+        color: #667085;
+      }
+    }
+    .btn {
+      display: inline-block;
+      text-align: center;
+      width: 100%;
+      font-weight: 500;
+      font-size: 16px;
+      line-height: 24px;
+      color: #ffffff;
+      padding: 10px;
+      background: #1fe1f9;
+      border: 1px solid #1fe1f9;
+      box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05);
+      border-radius: 8px;
+      &.google {
+        color: #344054;
+        border-color: #d0d5dd;
+        background: none;
+      }
+    }
   }
-  .desc {
-   font-weight: normal;
-   font-size: 16px;
-   line-height: 24px;
-   color: #667085;
-  }
-  form {
-   display: flex;
-   flex-direction: column;
-   gap: 20px;
-   input {
-    width: 360px;
-    background: #ffffff;
-    border: 1px solid #d0d5dd;
-    box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05);
-    border-radius: 8px;
-    padding: 10px 14px;
-    font-weight: normal;
-    font-size: 16px;
-    line-height: 24px;
-    color: #667085;
-   }
-  }
-  .btn {
-   display: inline-block;
-   text-align: center;
-   width: 100%;
-   font-weight: 500;
-   font-size: 16px;
-   line-height: 24px;
-   color: #ffffff;
-   padding: 10px;
-   background: #1fe1f9;
-   border: 1px solid #1fe1f9;
-   box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05);
-   border-radius: 8px;
-   &.google {
-    color: #344054;
-    border-color: #d0d5dd;
-    background: none;
-   }
-  }
- }
 `;
 
 export default StyledWrapper;