Remove svg code and Edit profile name length.

Signed-off-by: June Saehwan <[email protected]> Co-authored-by: Han Kyuhyun <[email protected]> Co-authored-by: ByunJeongHeum <[email protected]> Co-authored-by: Jongmin Lee <[email protected]>
Samsung · Sep 12, 2023 · 811c534 · 811c534
1 parent 728a525
commit 811c534
Show file tree

Hide file tree

Showing 4 changed files with 18 additions and 4 deletions.
diff --git a/frontend/src/css/Home_style.css b/frontend/src/css/Home_style.css
@@ -173,7 +173,7 @@
   width: 71px;
 }
 
-.login .LPVS {
+.home .LPVS {
   height: 96px;
   left: 0;
   object-fit: cover;

diff --git a/frontend/src/css/Login_style.css b/frontend/src/css/Login_style.css
@@ -53,6 +53,7 @@
 }
 
 .login .line {
+    background-color: #000000;
     height: 1px;
     left: 0;
     object-fit: cover;

diff --git a/frontend/src/pages/Home.jsx b/frontend/src/pages/Home.jsx
@@ -25,6 +25,15 @@ export const Home = () => {
     });
   }, []);
 
+  function truncateName(name) {
+    if (/[\u3131-\u314e\u314f-\u3163\uac00-\ud7a3]/g.test(name)) {
+      return name.length > 3 ? `${name.substring(0, 3)}.` : name;
+    } else {
+      return name.length > 5 ? `${name.substring(0, 5)}.` : name;
+    }
+  }
+
+
   return (
     <div className="home">
       <div className="div">
@@ -82,10 +91,14 @@ export const Home = () => {
                     {isLoggedIn ? (
                       <span style={{ color: "black", textDecoration: "none" }}>
                         <Link
-                          to={"/home"}
+                          to={"/user/info"}
                           style={{ color: "black", textDecoration: "none" }}
                         >
-                          {username.name}
+                          {username?.name ? (
+                            <div>{truncateName(username.name)}</div>
+                              ) : (
+                              <div>Loading...</div>
+                          )}
                         </Link>
                       </span>
                     ) : (

diff --git a/frontend/src/pages/Login.jsx b/frontend/src/pages/Login.jsx
@@ -21,7 +21,7 @@ export const Login = () => {
           <div className="overlap">
             <div className="login-header">
               <div className="overlap-group">
-                <img className="line" alt="Line" src="/image/svg/Line_2.svg" />
+                <div className="line" alt="Line" />
                 <div className="text-wrapper">SNS Login</div>
               </div>
             </div>