Victor Pham 1 år sedan
förälder
incheckning
646579a231
8 ändrade filer med 218 tillägg och 51 borttagningar
  1. BIN
      .DS_Store
  2. BIN
      assets/.DS_Store
  3. BIN
      assets/img/.DS_Store
  4. 134 0
      assets/img/svg/logo_nftit.svg
  5. 1 1
      package.json
  6. 1 1
      src/api/APIs.ts
  7. 79 45
      src/components/mobile/Header.tsx
  8. 3 4
      src/components/pc/Header.tsx

BIN
.DS_Store


BIN
assets/.DS_Store


BIN
assets/img/.DS_Store


+ 134 - 0
assets/img/svg/logo_nftit.svg

@@ -0,0 +1,134 @@
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20010904//EN"
+ "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
+<svg version="1.0" xmlns="http://www.w3.org/2000/svg"
+ width="1361.000000pt" height="1361.000000pt" viewBox="0 0 1361.000000 1361.000000"
+ preserveAspectRatio="xMidYMid meet">
+<metadata>
+Created by potrace 1.16, written by Peter Selinger 2001-2019
+</metadata>
+<g transform="translate(0.000000,1361.000000) scale(0.100000,-0.100000)"
+fill="#000000" stroke="none">
+<path d="M763 13603 l-763 -3 0 -6493 c0 -3570 3 -6631 7 -6801 l6 -309 6796
+8 c3738 4 6798 9 6800 11 2 2 0 3061 -4 6799 l-7 6795 -6037 -2 c-3320 -2
+-6379 -4 -6798 -5z m5986 -4334 c134 -21 235 -97 265 -200 37 -124 10 -267
+-89 -464 -99 -196 -224 -360 -375 -488 l-55 -47 308 0 307 0 0 103 c0 193 25
+421 61 555 96 363 355 570 684 548 161 -10 259 -62 310 -161 28 -55 30 -65 29
+-169 0 -96 -4 -121 -28 -186 -88 -235 -258 -486 -426 -627 l-69 -58 176 -3
+176 -2 -6 -45 c-4 -24 -19 -77 -35 -117 l-28 -73 -160 4 -159 3 -28 -313 c-92
+-1022 -167 -1485 -283 -1738 l-34 -73 -62 6 c-165 17 -325 51 -409 87 l-45 20
+32 119 c115 420 234 1156 275 1703 7 86 10 160 6 163 -3 3 -58 -1 -122 -8 -71
+-9 -118 -10 -122 -5 -3 5 -6 47 -7 92 l-1 82 -26 -71 -26 -71 -159 4 -160 3
+-27 -303 c-97 -1055 -170 -1507 -283 -1746 l-36 -74 -66 6 c-162 16 -351 58
+-416 93 l-33 17 39 140 c62 227 142 647 197 1035 43 300 91 794 78 806 -3 3
+-58 -1 -122 -8 -105 -13 -118 -13 -124 1 -8 21 -7 177 2 224 l8 37 123 0 c145
+0 136 -9 136 135 1 309 56 583 153 754 131 233 388 354 656 310z m1802 -576
+l33 -103 123 0 c68 0 123 -3 123 -7 -1 -5 -43 -39 -95 -76 -52 -38 -95 -74
+-95 -81 0 -6 16 -59 35 -116 19 -57 33 -105 32 -107 -2 -1 -47 29 -100 68 -59
+43 -102 67 -109 63 -7 -4 -52 -36 -100 -71 -49 -35 -88 -58 -88 -50 0 7 16 60
+35 117 19 57 35 104 35 105 0 1 -43 32 -95 70 -52 37 -95 72 -95 76 0 5 54 10
+121 11 l121 3 35 109 c19 59 38 104 43 100 4 -5 23 -55 41 -111z m1484 -13
+c19 -114 -6 -407 -51 -584 l-6 -26 191 0 191 0 0 -29 c0 -29 -42 -174 -58
+-198 -5 -9 -56 -11 -187 -10 l-180 2 -37 -184 c-87 -433 -138 -751 -141 -883
+-2 -93 6 -133 28 -141 19 -8 100 17 192 59 42 19 79 34 83 34 5 0 25 -30 46
+-67 l37 -66 -34 -29 c-110 -93 -299 -199 -424 -238 -97 -31 -254 -38 -323 -16
+-78 26 -136 76 -172 148 -67 138 -53 286 90 943 32 149 65 304 73 346 l14 76
+-46 -4 c-25 -3 -74 -8 -108 -12 l-63 -8 -6 34 c-8 42 -1 214 9 231 6 8 44 12
+131 12 l123 0 13 122 c7 68 13 189 12 270 l0 148 77 24 c145 46 342 81 468 85
+l51 1 7 -40z m-4782 -586 c100 -34 178 -139 199 -268 14 -84 -6 -245 -58 -464
+-78 -327 -104 -449 -114 -541 -12 -109 -4 -184 22 -189 9 -2 62 20 117 47
+l101 51 35 -71 c20 -39 35 -75 33 -79 -9 -26 -157 -127 -267 -184 -159 -81
+-239 -106 -341 -106 -175 0 -265 79 -290 256 -15 113 3 243 90 619 61 263 80
+372 80 457 0 59 -3 69 -25 87 -19 14 -35 18 -63 14 -55 -7 -130 -32 -192 -64
+l-56 -27 -57 -254 c-95 -420 -138 -663 -164 -923 l-8 -80 -69 -17 c-80 -20
+-328 -41 -436 -36 l-75 3 3 70 c4 99 42 327 107 640 83 399 115 572 115 622 0
+66 -36 159 -96 249 -43 65 -54 87 -49 107 6 23 15 27 93 41 131 24 290 36 460
+36 l153 0 20 -46 c12 -25 23 -78 26 -118 l6 -71 123 81 c119 79 229 133 324
+160 65 18 197 17 253 -2z m3572 -41 c14 -29 19 -68 23 -158 5 -148 -11 -244
+-102 -610 -80 -323 -106 -456 -106 -546 0 -74 11 -109 35 -109 8 0 60 20 115
+45 55 25 104 45 108 45 5 0 23 -32 42 -70 l34 -70 -35 -30 c-101 -88 -337
+-215 -454 -245 -79 -20 -199 -19 -260 2 -75 25 -138 94 -164 178 -12 37 -21
+91 -21 120 0 85 34 262 104 536 70 275 96 406 96 481 0 102 -40 220 -106 309
+-25 34 -34 57 -32 76 3 27 7 29 88 45 126 25 244 35 441 37 l175 1 19 -37z
+m-2397 -2960 c2 -18 -11 -110 -28 -205 -17 -95 -34 -204 -37 -242 l-6 -68 23
+12 c18 10 24 9 31 -1 14 -22 11 -27 -30 -54 -57 -38 -104 -43 -133 -14 l-24
+24 -39 -22 c-49 -28 -71 -28 -112 -3 -41 24 -57 81 -50 167 7 73 34 130 77
+167 41 34 71 41 122 28 23 -6 45 -9 49 -6 8 5 23 141 21 196 -1 36 1 37 41 47
+72 16 92 11 95 -26z m437 12 c14 -13 25 -34 25 -47 -1 -34 -33 -99 -70 -141
+l-32 -37 31 0 c33 0 34 -2 25 -37 -5 -18 -14 -23 -39 -23 l-33 0 -6 -67 c-15
+-150 -38 -297 -52 -332 l-15 -38 -51 8 c-28 5 -53 10 -56 13 -2 3 5 52 16 108
+22 108 42 242 42 285 0 22 -3 24 -25 19 -23 -6 -25 -4 -25 29 0 31 3 35 25 35
+25 0 25 0 39 103 16 118 134 190 201 122z m1232 2 c33 -33 9 -123 -52 -196
+l-27 -31 31 0 c35 0 35 1 21 -34 -7 -20 -16 -26 -40 -26 -35 0 -34 4 -50 -165
+-13 -137 -27 -208 -46 -246 -13 -25 -16 -26 -59 -18 -62 12 -65 14 -55 50 11
+38 46 253 54 328 5 52 5 53 -19 49 -15 -3 -26 0 -30 10 -10 26 5 52 29 52 21
+0 24 6 30 68 8 82 39 140 86 165 40 21 104 17 127 -6z m1664 1 c4 -52 -4 -104
+-43 -305 -23 -117 -40 -215 -37 -218 4 -3 19 -1 34 5 27 10 44 2 45 -22 0 -13
+-88 -59 -124 -65 -28 -4 -39 -1 -60 20 -34 34 -33 51 10 254 19 92 38 205 41
+250 l6 82 36 9 c65 18 91 15 92 -10z m222 2 c7 -28 -5 -111 -49 -332 -21 -103
+-35 -190 -32 -193 3 -3 18 -1 33 5 27 10 44 2 45 -22 0 -13 -88 -59 -124 -65
+-28 -4 -39 -1 -60 20 -16 16 -26 37 -26 54 0 15 18 116 40 223 22 107 40 220
+40 251 l0 57 38 10 c63 17 89 14 95 -8z m-5979 -14 c40 -17 66 -51 66 -87 0
+-30 -40 -94 -77 -125 l-26 -20 26 -41 c81 -129 74 -223 -21 -284 -84 -53 -179
+-51 -240 6 l-37 34 20 37 c24 44 67 79 89 71 8 -3 29 -31 47 -61 27 -49 33
+-54 50 -46 21 12 25 53 9 95 -5 14 -35 64 -65 110 -92 140 -105 212 -47 268
+56 53 139 71 206 43z m4251 -31 c14 -13 25 -33 25 -45 0 -32 -44 -70 -81 -70
+-79 0 -95 89 -24 128 31 18 54 14 80 -13z m-3963 -73 c3 -11 2 -40 -2 -65 l-7
+-47 39 0 c39 0 45 -9 32 -44 -4 -11 -19 -16 -44 -16 -38 0 -39 0 -49 -52 -21
+-105 -29 -173 -21 -181 4 -5 17 -4 29 3 24 12 41 6 41 -15 0 -22 -69 -63 -117
+-71 -36 -5 -45 -3 -67 19 -32 32 -32 43 -2 185 l23 113 -21 -3 c-17 -2 -22 3
+-24 30 -3 30 -1 32 27 32 31 0 31 0 31 55 0 53 1 55 33 64 55 16 94 13 99 -7z
+m4200 -49 l-3 -63 36 0 c36 0 42 -10 29 -44 -4 -11 -19 -16 -44 -16 l-38 0
+-16 -87 c-9 -49 -16 -103 -16 -121 0 -30 2 -33 23 -27 37 12 42 11 42 -10 0
+-42 -112 -89 -161 -66 -42 19 -47 52 -24 173 11 59 23 115 27 124 4 12 0 15
+-18 12 -21 -3 -24 1 -24 27 0 25 4 30 28 33 26 3 27 6 27 57 0 53 1 55 33 64
+17 5 48 9 67 8 l35 -2 -3 -62z m-3943 -63 c19 -5 39 -6 45 -2 13 8 38 5 82 -9
+l31 -10 -14 -52 c-18 -71 -38 -215 -31 -223 4 -3 15 -1 27 5 16 9 22 8 30 -8
+12 -22 6 -28 -56 -60 -53 -26 -85 -27 -108 -1 -17 19 -18 19 -56 0 -46 -24
+-61 -25 -99 -5 -41 21 -60 63 -60 133 0 108 39 194 102 225 38 19 60 21 107 7z
+m496 -6 c10 -11 15 -29 13 -51 -2 -29 -10 -39 -41 -57 l-38 -21 -19 25 c-17
+22 -21 23 -34 10 -16 -15 -43 -130 -49 -208 -4 -53 -16 -62 -84 -62 -40 0 -53
+4 -53 15 0 8 11 74 25 145 25 127 25 131 8 161 -24 39 -9 49 75 49 55 0 65 -3
+69 -19 5 -18 7 -18 40 5 42 28 65 30 88 8z m371 6 c17 -7 31 -7 38 -1 12 10
+94 -3 108 -17 3 -4 -2 -45 -13 -92 -10 -47 -19 -109 -19 -138 0 -51 1 -52 21
+-41 17 9 23 8 30 -2 14 -22 11 -27 -30 -54 -54 -37 -103 -43 -129 -17 -20 20
+-21 20 -58 1 -21 -10 -47 -19 -57 -19 -33 0 -74 29 -88 62 -17 40 -17 149 0
+201 32 94 119 146 197 117z m534 -10 c24 -24 26 -79 5 -165 -8 -33 -14 -75
+-15 -93 0 -30 2 -32 21 -21 17 9 23 8 30 -2 14 -22 6 -32 -47 -61 -56 -32 -81
+-34 -112 -12 -27 18 -29 77 -7 169 26 105 17 136 -29 102 -19 -14 -55 -157
+-56 -219 0 -45 -19 -58 -84 -58 l-46 0 0 38 c0 20 9 75 20 122 24 104 25 139
+4 169 -23 32 -6 41 77 41 57 0 67 -3 72 -19 5 -19 6 -19 53 5 58 29 88 30 114
+4z m1110 9 c23 -8 34 -9 39 -1 7 11 88 -2 103 -16 4 -4 -1 -50 -12 -102 -11
+-52 -20 -114 -20 -138 0 -40 1 -42 21 -31 16 8 24 8 32 0 17 -17 -2 -43 -53
+-68 -54 -28 -84 -29 -110 -3 -20 20 -20 20 -52 0 -45 -28 -82 -25 -118 8 -40
+35 -54 93 -41 171 24 146 106 216 211 180z m520 1 c36 -19 41 -64 20 -161 -11
+-49 -20 -100 -20 -114 0 -23 2 -25 21 -14 17 9 23 8 30 -2 14 -22 11 -27 -30
+-54 -55 -37 -103 -43 -130 -16 -26 26 -26 66 -2 181 20 92 16 110 -23 92 -19
+-9 -27 -25 -40 -82 -9 -39 -19 -97 -23 -129 -6 -66 -12 -71 -90 -71 -42 0 -43
+1 -43 33 0 17 9 72 20 121 24 109 25 144 4 175 -23 32 -6 41 78 41 56 0 68 -3
+73 -19 5 -17 8 -17 52 5 51 26 74 29 103 14z m1262 -7 c22 -19 24 -83 7 -198
+-14 -90 -5 -108 35 -73 25 22 27 29 33 140 l6 117 30 11 c16 5 45 10 63 10
+l34 0 0 -60 c0 -32 -5 -81 -11 -109 -5 -27 -9 -67 -7 -90 3 -39 4 -40 28 -28
+13 7 38 34 54 60 l29 48 -33 34 -33 34 17 44 c30 80 76 97 113 41 47 -72 -57
+-288 -162 -335 -53 -25 -79 -24 -111 4 l-27 24 -41 -23 c-50 -29 -86 -30 -117
+-5 -23 19 -24 22 -21 161 3 124 1 144 -14 161 -20 22 -12 35 26 42 53 9 84 6
+102 -10z m643 3 c18 -8 38 -23 44 -34 16 -30 13 -80 -6 -113 -17 -29 -88 -69
+-145 -83 -33 -8 -36 -28 -8 -56 25 -25 36 -25 85 0 35 18 41 19 55 5 13 -14
+13 -18 -10 -35 -74 -57 -164 -74 -218 -40 -42 26 -62 74 -62 147 0 72 26 131
+74 169 65 52 130 65 191 40z m-1237 -33 c2 -17 -6 -70 -17 -118 -12 -48 -21
+-100 -21 -116 0 -27 2 -29 20 -19 11 6 25 8 30 5 50 -31 -87 -113 -145 -87
+-43 20 -48 53 -25 151 25 102 27 150 9 180 -20 31 1 42 81 39 l65 -3 3 -32z"/>
+<path d="M6665 9001 c-42 -26 -60 -49 -89 -111 -40 -89 -86 -372 -86 -531 l0
+-33 65 64 c181 179 292 442 244 579 -19 53 -77 67 -134 32z"/>
+<path d="M7833 9001 c-93 -57 -145 -237 -168 -581 l-7 -95 57 55 c189 182 303
+447 254 589 -19 54 -77 67 -136 32z"/>
+<path d="M6190 4815 c-20 -24 -40 -105 -40 -160 0 -62 17 -84 53 -68 20 9 25
+25 40 119 14 86 15 109 5 116 -20 12 -44 9 -58 -7z"/>
+<path d="M4511 4816 c-33 -39 -54 -190 -32 -225 12 -19 50 -4 55 22 6 35 28
+181 30 197 1 20 -38 25 -53 6z"/>
+<path d="M5383 4822 c-37 -24 -67 -191 -41 -226 10 -12 21 -16 34 -12 16 5 22
+22 33 98 8 51 14 104 15 118 1 25 -19 36 -41 22z"/>
+<path d="M7018 4813 c-23 -27 -40 -87 -41 -153 -2 -63 10 -86 39 -76 15 5 22
+26 36 108 9 57 18 110 20 118 5 22 -35 24 -54 3z"/>
+</g>
+</svg>

+ 1 - 1
package.json

@@ -1,6 +1,6 @@
 {
   "scripts": {
-    "local": "cross-env REACT_APP_STAGE=local NODE_OPTIONS=--openssl-legacy-provider webpack-dev-server --config config/webpack.config.js --mode=development",
+    "local": "cross-env NODE_OPTIONS=--openssl-legacy-provider webpack-dev-server --config config/webpack.config.js --mode=development",
     "beta": "webpack-dev-server --config config/webpack.config.js --mode=development --https",
     "deploy": "NODE_OPTIONS=--openssl-legacy-provider  webpack --config config/webpack.config.js --mode=production --optimize-minimize",
     "build": "webpack --config config/webpack.config.js --mode=production  --progress"

+ 1 - 1
src/api/APIs.ts

@@ -8,7 +8,7 @@ const getHost = () => {
   if (isLocal) {
     return LOCAL_ENDPOINT;
   } else if (isDev) {
-    return "https://api.pepemomy.com";
+    return "https://api.nffit.io";
   } else {
     return "https://api.meta-rare.net";
   }

+ 79 - 45
src/components/mobile/Header.tsx

@@ -1,26 +1,26 @@
-import React, { useState, useEffect } from 'react';
-import classNames from 'classnames/bind';
-import styles from './Header.scss';
-import { Link } from 'react-router-dom';
-import Menu from '@src/components/mobile/Menu';
-import Search from '@src/components/mobile/Search';
-import ProfileModal from '@src/components/common/ProfileModal';
-import { ReactComponent as IconLogo } from '@assets/img/svg/logo_metarare.svg';
-import { ReactComponent as IconSearch } from '@assets/img/svg/ico_search.svg';
-import { ReactComponent as IconActivity } from '@assets/img/svg/ico_activity.svg';
-import { ReactComponent as IconMenu } from '@assets/img/svg/ico_menu.svg';
-import URLInfo from '@src/constants/URLInfo';
-import LayerContainer from '@src/containers/common/LayerContainer';
-import { useDispatch, useSelector } from 'react-redux';
-import useNoScroll from '@src/hooks/useNoScroll';
-import { fetchUserInfo } from '@src/store/reducers/UserReducer';
-import { ReactComponent as IconShare_2 } from '@assets/img/svg/ico_share_2.svg';
+import React, { useState, useEffect } from "react";
+import classNames from "classnames/bind";
+import styles from "./Header.scss";
+import { Link } from "react-router-dom";
+import Menu from "@src/components/mobile/Menu";
+import Search from "@src/components/mobile/Search";
+import ProfileModal from "@src/components/common/ProfileModal";
+import { ReactComponent as IconLogo } from "@assets/img/svg/logo_metarare.svg";
+import { ReactComponent as IconSearch } from "@assets/img/svg/ico_search.svg";
+import { ReactComponent as IconActivity } from "@assets/img/svg/ico_activity.svg";
+import { ReactComponent as IconMenu } from "@assets/img/svg/ico_menu.svg";
+import URLInfo from "@src/constants/URLInfo";
+import LayerContainer from "@src/containers/common/LayerContainer";
+import { useDispatch, useSelector } from "react-redux";
+import useNoScroll from "@src/hooks/useNoScroll";
+import { fetchUserInfo } from "@src/store/reducers/UserReducer";
+import { ReactComponent as IconShare_2 } from "@assets/img/svg/ico_share_2.svg";
 
 const cx = classNames.bind(styles);
 
-const Header: React.FC = ({ }) => {
+const Header: React.FC = ({}) => {
   const dispatch = useDispatch();
-  const { userInfo } = useSelector(store => store.user);
+  const { userInfo } = useSelector((store) => store.user);
 
   const [showSearch, setShowSearch] = useState<boolean>(false);
   const [showMenu, setShowMenu] = useState<boolean>(false);
@@ -36,53 +36,87 @@ const Header: React.FC = ({ }) => {
 
   const handleShare = () => {
     navigator.clipboard.writeText(window.location.href).then(() => {
-      alert('복사되었습니다.');
+      alert("복사되었습니다.");
     });
   };
 
   return (
-    <div className={cx('header_wrap')}>
-      <div className={cx('header_group')}>
-        <h1 className={cx('logo')}>
-          <Link to={URLInfo.HOME} className={cx('link_logo')}>
-            <span className={cx('blind')}>Metarere</span>
-            <IconLogo className={cx('ico_logo')} />
+    <div className={cx("header_wrap")}>
+      <div className={cx("header_group")}>
+        <h1 className={cx("logo")}>
+          <Link to={URLInfo.HOME} className={cx("link_logo")}>
+            <IconLogo className={cx("ico_logo")} />
           </Link>
         </h1>
-        <div className={cx('gnb')}>
-          <button type="button" className={cx('btn', 'btn_share')} onClick={handleShare}>
-            <span className={cx('blind')}>share</span>
-            <IconShare_2 className={cx('ico', 'ico_share')} />
+        <div className={cx("gnb")}>
+          <button
+            type="button"
+            className={cx("btn", "btn_share")}
+            onClick={handleShare}
+          >
+            <span className={cx("blind")}>share</span>
+            <IconShare_2 className={cx("ico", "ico_share")} />
           </button>
-          <button type="button" className={cx('btn', 'btn_search')} onClick={() => setShowSearch(true)}>
-            <span className={cx('blind')}>Search</span>
-            <IconSearch className={cx('ico', 'ico_search')} />
+          <button
+            type="button"
+            className={cx("btn", "btn_search")}
+            onClick={() => setShowSearch(true)}
+          >
+            <span className={cx("blind")}>Search</span>
+            <IconSearch className={cx("ico", "ico_search")} />
           </button>
-          <Link to={URLInfo.ACTIVITY} className={cx('btn', 'btn_activity')}>
-            <span className={cx('blind')}>Activity</span>
-            <IconActivity className={cx('ico', 'ico_activity')} />
+          <Link to={URLInfo.ACTIVITY} className={cx("btn", "btn_activity")}>
+            <span className={cx("blind")}>Activity</span>
+            <IconActivity className={cx("ico", "ico_activity")} />
           </Link>
-          <button type="button" className={cx('btn', 'btn_menu')} onClick={() => setShowMenu(true)}>
-            <span className={cx('blind')}>Menu</span>
-            <IconMenu className={cx('ico', 'ico_menu')} />
+          <button
+            type="button"
+            className={cx("btn", "btn_menu")}
+            onClick={() => setShowMenu(true)}
+          >
+            <span className={cx("blind")}>Menu</span>
+            <IconMenu className={cx("ico", "ico_menu")} />
           </button>
           {userInfo && (
-            <button type="button" className={cx('btn_profile')} onClick={() => setShowProfile(true)}>
-              <span className={cx('blind')}>Profile</span>
-              <img src={userInfo?.simple_profile.thumbnail_image || '/static/img/svg/user_profile.svg'} alt="" width="40" height="40" className={cx('img_profile')} />
+            <button
+              type="button"
+              className={cx("btn_profile")}
+              onClick={() => setShowProfile(true)}
+            >
+              <span className={cx("blind")}>Profile</span>
+              <img
+                src={
+                  userInfo?.simple_profile.thumbnail_image ||
+                  "/static/img/svg/user_profile.svg"
+                }
+                alt=""
+                width="40"
+                height="40"
+                className={cx("img_profile")}
+              />
             </button>
           )}
         </div>
       </div>
-      <LayerContainer onClose={() => setShowMenu(false)} useDimmedColor={true} style={{ display: showMenu ? 'block' : 'none' }}>
+      <LayerContainer
+        onClose={() => setShowMenu(false)}
+        useDimmedColor={true}
+        style={{ display: showMenu ? "block" : "none" }}
+      >
         <Menu onClose={() => setShowMenu(false)} />
       </LayerContainer>
       {showSearch && (
-        <LayerContainer onClose={() => setShowSearch(false)} useDimmedColor={true} >
+        <LayerContainer
+          onClose={() => setShowSearch(false)}
+          useDimmedColor={true}
+        >
           <Search onClose={() => setShowSearch(false)} />
         </LayerContainer>
       )}
-      <LayerContainer onClose={() => setShowProfile(false)} style={{ display: (showProfile && !!userInfo) ? 'block' : 'none' }}>
+      <LayerContainer
+        onClose={() => setShowProfile(false)}
+        style={{ display: showProfile && !!userInfo ? "block" : "none" }}
+      >
         <ProfileModal onClose={() => setShowProfile(false)} />
       </LayerContainer>
     </div>

+ 3 - 4
src/components/pc/Header.tsx

@@ -4,7 +4,7 @@ import { ReactComponent as IconFacebook } from "@assets/img/svg/ico_facebook.svg
 import { ReactComponent as IconInstagram } from "@assets/img/svg/ico_insta.svg";
 import { ReactComponent as IconSearchGray } from "@assets/img/svg/ico_search_gray.svg";
 import { ReactComponent as IconTwitter } from "@assets/img/svg/ico_twitter.svg";
-import { ReactComponent as IconLogo } from "@assets/img/svg/logo_metarare.svg";
+import { ReactComponent as IconLogo } from "@assets/img/svg/logo_nftit.svg";
 import URLInfo from "@src/constants/URLInfo";
 import LayerContainer from "@src/containers/common/LayerContainer";
 import useLogin from "@src/hooks/useLogin";
@@ -38,7 +38,7 @@ const Header: React.FC = () => {
     history.push(URLInfo.getSearchResultUrl(text));
   };
   const { keyword, setKeyword, onKeyPress, handleSearch } = useSearch({
-    onSearch,
+    onSearch
   });
   const debouncedValue = useDebounce<string>(keyword, 1000);
   const [showCommunity, setShowCommunity] = useState(false);
@@ -64,7 +64,7 @@ const Header: React.FC = () => {
   const dispatchHint = (token_name: string) => {
     dispatch(
       fetchExploreHint({
-        token_name,
+        token_name
       })
     );
   };
@@ -96,7 +96,6 @@ const Header: React.FC = () => {
         <h1 className={cx("logo")}>
           <Link to={URLInfo.HOME} className={cx("link_logo")}>
             <IconLogo className={cx("ico_logo")} />
-            <span className={cx("name")}>MetaRare</span>
           </Link>
         </h1>
         <div className={cx("gnb")}>