[FEAT] 글자수 표시, 로고 클릭시 이동 링크 변경

Likelion-at-SMWU-WebFounder · Feb 19, 2024 · 8b20dc9 · 8b20dc9
1 parent efabe82
commit 8b20dc9
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 2 deletions.
diff --git a/src/components/Logo.jsx b/src/components/Logo.jsx
@@ -1,4 +1,5 @@
 import React from "react";
+import { Link } from "react-router-dom";
 import styled from "styled-components";
 
 const LogoContainer = styled.div`
@@ -20,9 +21,9 @@ const LogoImg = styled.img`
 const Logo = () => {
   return (
     <LogoContainer>
-      <a href="http://localhost:3000/sooklion-admin/">
+      <Link to="/">
         <img src={`${process.env.PUBLIC_URL}/Logo.svg`} alt="Logo" />
-      </a>
+      </Link>
       <LogoImg src={`${process.env.PUBLIC_URL}/AdminLogo.svg`} alt="Logo" />
     </LogoContainer>
   );

diff --git a/src/components/Question.jsx b/src/components/Question.jsx
@@ -51,6 +51,12 @@ const Question = ({ documentData }) => {
               {`${index + 1}: `}
               &nbsp;
               {question.content}
+              <QuestionLength>
+                {documentData && documentData.answerList
+                  ? documentData.answerList[index].length
+                  : ""}
+                자
+              </QuestionLength>
             </Text>
             <Textarea>
               {documentData && documentData.answerList
@@ -124,3 +130,8 @@ const Textarea = styled.div`
   background: #111111;
   line-height: 1.5rem;
 `;
+
+const QuestionLength = styled.div`
+  margin-top: 10px;
+  color: #eb9537;
+`;