Merge pull request #27 from DEPthes/feat/#9

feat : 결정보관함, 로그아웃

App.tsx

@@ -1,11 +1,17 @@
-import { Button, Image, Pressable, StyleSheet, Text, View } from "react-native";
+import {
+  Button,
+  Image,
+  LogBox,
+  Pressable,
+  StyleSheet,
+  Text,
+  View,
+  YellowBox,
+} from "react-native";
 import Constants from "expo-constants";
 import styled from "styled-components/native";
 import { NavigationContainer } from "@react-navigation/native";
 import { createBottomTabNavigator } from "@react-navigation/bottom-tabs";
-import Home from "./pages/Home";
-import MyPage from "./pages/MyPage";
-import Storage from "./pages/Storage/Storage";
 import ButtonStorage from "./assets/svg/ButtonStorage";
 import ButtonMyPage from "./assets/svg/ButtonMyPage";
 import { createNativeStackNavigator } from "@react-navigation/native-stack";
@@ -21,8 +27,13 @@ import { AuthProvider } from "./context/AuthContext";
 
 import SplashMain from "./pages/Splash/SplashMain";
 import ProfileSetting from "./pages/Join/ProfileSetting";
+import ReplyBoxDetail from "./pages/Storage/ReplyBoxDetail";
 
+interface Warning {
+  message: string;
+}
 function App() {
+  LogBox.ignoreAllLogs();
   const Tab = createNativeStackNavigator();
   return (
     <NavigationContainer>
@@ -79,6 +90,27 @@ function App() {
             })}
           />
 
+          <Tab.Screen
+            name="ReplyBoxDetail"
+            component={ReplyBoxDetail}
+            options={({ navigation }) => ({
+              title: "결정 보관함",
+              headerTransparent: true,
+              header: () => (
+                <CustomHeader
+                  navigation={navigation}
+                  title="결정 보관함"
+                  showBackButton={true}
+                  showBottomLine={true}
+                />
+              ),
+              tabBarIcon: () => (
+                <ButtonContainer>
+                  <ButtonStorage />
+                </ButtonContainer>
+              ),
+            })}
+          />
           <Tab.Screen
             name="Login"
             component={Login}

assets/svg/FocusedButtonMyPage.tsx

@@ -0,0 +1,27 @@
+import React from "react";
+import Svg, { Circle, Path, Defs } from "react-native-svg";
+
+const FocusedButtonMyPage: React.FC = () => {
+  return (
+    <Svg width={40} height={40} viewBox="0 0 1024 1024">
+      <Circle
+        cx={512}
+        cy={321.81}
+        r={207.26}
+        fill="#fff"
+        stroke="#fff"
+        strokeMiterlimit={10}
+        strokeWidth={50}
+      />
+      <Path
+        d="M512,593.53c-209.73,0-379.74,141.44-379.74,315.93H891.74c0-174.48-170.02-315.93-379.74-315.93Z"
+        fill="#fff"
+        stroke="#fff"
+        strokeMiterlimit={10}
+        strokeWidth={50}
+      />
+    </Svg>
+  );
+};
+
+export default FocusedButtonMyPage;

assets/svg/FocusedButtonStorage.tsx

@@ -0,0 +1,37 @@
+import React from "react";
+import Svg, { Circle, Path, Defs, Rect } from "react-native-svg";
+
+const FocusedButtonStorage: React.FC = () => {
+  return (
+    <Svg width={40} height={40} viewBox="0 0 1024 1024">
+      <Path
+        d="M121.2,331.34H904.56V891.57c0,11.27-9.15,20.43-20.43,20.43H141.63c-11.27,0-20.43-9.15-20.43-20.43V331.34h0Z"
+        fill="#fff"
+        stroke="#fff"
+        strokeMiterlimit={10}
+        strokeWidth={50}
+      />
+      <Path
+        d="M122.22,112H901.78c12.12,0,21.96,9.84,21.96,21.96v127.96H100.26v-127.96c0-12.12,9.84-21.96,21.96-21.96Z"
+        fill="#fff"
+        stroke="#fff"
+        strokeMiterlimit={10}
+        strokeWidth={50}
+      />
+      <Rect
+        x="400.89"
+        y="426.79"
+        width="223.99"
+        height="59.18"
+        rx="13.79"
+        ry="13.7"
+        fill="#fff"
+        stroke="#fff"
+        strokeMiterlimit={10}
+        strokeWidth={50}
+      />
+    </Svg>
+  );
+};
+
+export default FocusedButtonStorage;