From 6fbc6533c533e3c037154306b640fa96b15bd194 Mon Sep 17 00:00:00 2001
From: yunseok <tjr6613@seoultech.ac.kr>
Date: Thu, 1 Aug 2024 15:08:08 +0900
Subject: [PATCH] =?UTF-8?q?feat:=20=ED=95=98=EB=8B=A8=20=ED=83=AD=EB=B0=94?=
 =?UTF-8?q?=20=EB=A7=88=EC=A7=84=20=EC=B6=94=EA=B0=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/Common/TabBar.js | 11 +++++------
 1 file changed, 5 insertions(+), 6 deletions(-)

diff --git a/src/components/Common/TabBar.js b/src/components/Common/TabBar.js
index 09355bd..0947c0a 100644
--- a/src/components/Common/TabBar.js
+++ b/src/components/Common/TabBar.js
@@ -12,6 +12,9 @@ const TabBar = ({ activeTab }) => {
     const handleTabClick = (tab) => {
         navigate(`/${tab}`, { replace: true });
     };
+    const handleQRClick = () => {
+        navigate("/qr");
+    };
     return (
         <>
             <Spacer />
@@ -47,10 +50,7 @@ const TabBar = ({ activeTab }) => {
                             방문
                         </span>
                     </div>
-                    <div
-                        className="qr-wrapper"
-                        onClick={() => handleTabClick("qr")}
-                    >
+                    <div className="qr-wrapper" onClick={() => handleQRClick()}>
                         <QR />
                     </div>
                     <div onClick={() => handleTabClick("orderlist")}>
@@ -98,7 +98,7 @@ const TabBar = ({ activeTab }) => {
 export default TabBar;
 
 const Spacer = styled.div`
-    height: 72px;
+    height: 92px;
     width: 1px;
 `;
 
@@ -107,7 +107,6 @@ const Container = styled.div`
     position: fixed;
     bottom: 0px;
     width: 480px;
-    height: 72px;
     background-color: white;
     box-shadow: 0px -2px 4px rgba(0, 0, 0, 0.05);
     .wrapper {