bug fix

Your-Peanut-Butter-X-Jelly-Sandwich · Apr 15, 2024 · 9285644 · 9285644
1 parent c6414ce
commit 9285644
Show file tree

Hide file tree

Showing 8 changed files with 16 additions and 23 deletions.
diff --git a/src/components/Header/HeaderManager/index.tsx b/src/components/Header/HeaderManager/index.tsx
@@ -40,7 +40,7 @@ const HeaderManager: React.FC = () => {
           <Menu.Item key="dashboard">Tutor List</Menu.Item>
         </Link>
       </Menu.Item>
-      <Menu.Item style={{ marginLeft: 'auto' }}>
+      <Menu.Item className="ml-auto">
         <LanguageSelector />
       </Menu.Item>
       <Menu.Item key="logout" icon={<LogoutOutlined />} onClick={handleLogout}>

diff --git a/src/components/Header/HeaderStudent/index.tsx b/src/components/Header/HeaderStudent/index.tsx
@@ -43,7 +43,7 @@ const HeaderStudent: React.FC = () => {
           <Menu.Item key="dashboard">Check Questions</Menu.Item>
         </Link>
       </Menu.Item>
-      <Menu.Item style={{ marginLeft: 'auto' }}>
+      <Menu.Item className="ml-auto">
         <LanguageSelector />
       </Menu.Item>
       <Menu.Item key="logout" icon={<LogoutOutlined />} onClick={handleLogout}>

diff --git a/src/components/Header/HeaderTutor/index.tsx b/src/components/Header/HeaderTutor/index.tsx
@@ -63,7 +63,7 @@ const HeaderTutor: React.FC = () => {
           <Menu.Item key="dashboard">Check Questions</Menu.Item>
         </Link>
       </Menu.Item>
-      <Menu.Item style={{ marginLeft: 'auto' }}>
+      <Menu.Item className="ml-auto">
         <LanguageSelector />
       </Menu.Item>
       <Menu.Item key="logout" icon={<LogoutOutlined />} onClick={handleLogout}>

diff --git a/src/containers/Auth/Login/index.tsx b/src/containers/Auth/Login/index.tsx
@@ -43,7 +43,7 @@ const LoginContainer: React.FC<{ setIsSignUp: (value: boolean) => void }> = ({ s
   };
 
   return (
-    <Card title="Login" style={{ width: '100%', maxWidth: 400, borderRadius: 8 }}>
+    <Card title="Login" className="w-full max-w-xs rounded-lg">
       <Form form={form} layout="vertical">
         <Item
           label="Email"
@@ -84,9 +84,9 @@ const LoginContainer: React.FC<{ setIsSignUp: (value: boolean) => void }> = ({ s
         </Item>
         <Item>
           No account yet?{' '}
-          <a onClick={() => handleSignUpClick()} style={{ textDecoration: 'underline' }}>
+          <a onClick={() => handleSignUpClick()} className="underline">
             Sign up
-          </a>{' '}
+          </a>
         </Item>
       </Form>
     </Card>

diff --git a/src/containers/Auth/Register/components/SocialSignupButton/SocialSignupButton.tsx b/src/containers/Auth/Register/components/SocialSignupButton/SocialSignupButton.tsx
@@ -9,7 +9,7 @@ interface SocialSignupButtonProps {
 }
 
 const SocialSignupButton: React.FC<SocialSignupButtonProps> = ({ type, onClick, label }) => (
-  <Button type={type} onClick={onClick} style={{ backgroundColor: '#40a9ff', width: '100%' }}>
+  <Button type={type} onClick={onClick} className="bg-blue-400 w-full">
     <Space>
       {label.toLowerCase().includes('google') && <GoogleOutlined />}
       {label.toLowerCase().includes('github') && <GithubOutlined />}

diff --git a/src/containers/Auth/Register/index.tsx b/src/containers/Auth/Register/index.tsx
@@ -51,7 +51,7 @@ const SignUpContainer: React.FC<{
   };
 
   return (
-    <Card title="Sign Up" style={{ width: '100%', maxWidth: 400, borderRadius: 8 }}>
+    <Card title="Sign Up" className="w-full max-w-sm rounded-lg">
       <Form form={form} layout="vertical">
         <Item
           label="Email"
@@ -95,11 +95,7 @@ const SignUpContainer: React.FC<{
         </Item>
         <Item>
           Already have an account?{' '}
-          <a
-            id="login-link"
-            onClick={() => handleLoginClick()}
-            style={{ textDecoration: 'underline' }}
-          >
+          <a onClick={() => handleLoginClick()} className="underline">
             Login
           </a>
         </Item>

diff --git a/src/containers/Landing/index.tsx b/src/containers/Landing/index.tsx
@@ -55,10 +55,7 @@ const LandingContainer: React.FC = () => {
                   key={index}
                 >
                   <div
-                    style={{
-                      fontSize: word.fontSize,
-                      color: word.textColor,
-                    }}
+                    className={`text-${word.fontSize} text-${word.textColor}`}
                   >
                     {word.text}
                   </div>

diff --git a/src/containers/Tutor/SubmissionDetail/index.tsx b/src/containers/Tutor/SubmissionDetail/index.tsx
@@ -144,12 +144,12 @@ const SubmissionDetailContainer: React.FC<ITutorSubmissionRequest> = ({ qn_id, s
           </Col>
 
           <Col xs={24} lg={12} className="min-h-0">
-            <Input.TextArea
-              placeholder="Enter your feedback here..."
-              style={{ width: '100%', height: '100%' }}
-              value={feedback}
-              onChange={handleFeedbackChange}
-            />
+          <Input.TextArea
+            placeholder="Enter your feedback here..."
+            className="w-full h-full"
+            value={feedback}
+            onChange={handleFeedbackChange}
+          />
           </Col>
         </Row>
       </div>