refactor: 상수 파일 분리

woowacourse · May 18, 2023 · 89a3df7 · 89a3df7
1 parent 039a69b
commit 89a3df7
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 3 deletions.
diff --git a/frontend/src/components/NavBar/NavBar.js b/frontend/src/components/NavBar/NavBar.js
@@ -25,6 +25,7 @@ import {
 } from './NavBar.styles';
 import { UserContext } from '../../contexts/UserProvider';
 import { APP_MODE, isProd } from '../../configs/environment';
+import MOBILE_MAX_SIZE from '../../constants/screenSize';
 
 const navigationConfig = [
   {
@@ -41,8 +42,6 @@ const navigationConfig = [
   },
 ];
 
-const MOBILE_SCREEN_SIZE = "420px";
-
 const NavBar = () => {
   const history = useHistory();
   const logoTag = isProd ? 'BETA' : APP_MODE;
@@ -55,7 +54,7 @@ const NavBar = () => {
   const [isWritingDropdownToggled, setWritingDropdownToggled] = useState(false);
   const [isMobile, setIsMobile] = useState(false);
 
-  const mobileScreen = window.matchMedia(`(max-width: ${MOBILE_SCREEN_SIZE})`);
+  const mobileScreen = window.matchMedia(`(max-width: ${MOBILE_MAX_SIZE})`);
 
   const goMain = () => {
     history.push(PATH.ROOT);

diff --git a/frontend/src/constants/screenSize.js b/frontend/src/constants/screenSize.js
@@ -0,0 +1,3 @@
+const MOBILE_MAX_SIZE = '420px';
+
+export default MOBILE_MAX_SIZE;
Original file line number	Diff line number	Diff line change
		@@ -0,0 +1,3 @@
		const MOBILE_MAX_SIZE = '420px';

		export default MOBILE_MAX_SIZE;