[Update]title 및 TopNav CSS 변경

Dev-Tinos · Jul 28, 2024 · 9621faa · 9621faa
1 parent d14da3f
commit 9621faa
Show file tree

Hide file tree

Showing 3 changed files with 17 additions and 3 deletions.
diff --git a/public/index.html b/public/index.html
@@ -24,7 +24,7 @@
       work correctly both with client-side routing and a non-root public URL.
       Learn how to configure a non-root public URL by running `npm run build`.
     -->
-        <title>TinoGames</title>
+        <title>티노 게임</title>
     </head>
     <body>
         <!-- fontawesome -->

diff --git a/src/components/organisms/TopNavigationBar.js b/src/components/organisms/TopNavigationBar.js
@@ -66,14 +66,20 @@ const TopBar = styled.div`
         .button {
             margin: auto;
             background-color: #5383e8;
-            color: white;
+            color: #ffffff;
             text-decoration: none;
             display: block;
             border: 0px;
             font-size: 18px;
             i {
                 font-size: 25px;
             }
+            &.login {
+                color: #ccc;
+            }
+            &.login:hover {
+                color: #ffffff;
+            }
         }
         div {
             width: 60px;
@@ -125,7 +131,7 @@ const TopNavigationBar = () => {
             </div>
             {userId === null ? (
                 <div className="rightMenu">
-                    <Link to="/login" className="button">
+                    <Link to="/login" className="button login">
                         로그인
                     </Link>
                 </div>

diff --git a/src/pages/GamePage.js b/src/pages/GamePage.js
@@ -26,6 +26,7 @@ const GamePage = () => {
     const loaderRef = useRef(null);
     const rankingRef = useRef(null);
 
+    // 게임 정보 호출
     useEffect(() => {
         const getData = async () => {
             try {
@@ -40,6 +41,7 @@ const GamePage = () => {
         getData();
     }, [params]);
 
+    // 게임 랭킹 호출
     useEffect(() => {
         const getData = async () => {
             try {
@@ -63,6 +65,7 @@ const GamePage = () => {
         getData();
     }, [params]);
 
+    // 리뷰 호출
     useEffect(() => {
         const getData = async () => {
             try {
@@ -86,6 +89,7 @@ const GamePage = () => {
         getData();
     }, [params, reviewSort]);
 
+    // MY랭킹 새로고침
     const rankingRefresh = async () => {
         setBtnDisable(true);
         try {
@@ -100,6 +104,7 @@ const GamePage = () => {
         setBtnDisable(false);
     };
 
+    // 리뷰 작성 & 수정
     const reviewsubmit = async (reviewText) => {
         try {
             if (reviewEdit === true) {
@@ -166,6 +171,7 @@ const GamePage = () => {
         }
     };
 
+    // 리뷰 무한 스크롤
     useEffect(() => {
         const fetchMoreData = async () => {
             try {
@@ -200,6 +206,7 @@ const GamePage = () => {
         return () => observer.disconnect();
     }, [loaderRef, reviewPage, params, reviewSort]);
 
+    // 랭킹 무한 스크롤
     useEffect(() => {
         const fetchMoreData = async () => {
             try {
@@ -232,6 +239,7 @@ const GamePage = () => {
         }
         return () => observer.disconnect();
     }, [rankingRef, params, rankingPage]);
+
     return (
         <div>
             <GameDetail