Merge pull request #185 from 100-hours-a-week/feature/lucy

Chore : 센트리 설정 변경, 게임용 헤더적용을 위한 라우터 수정 및 게임용 헤더 생성
100-hours-a-week · Sep 4, 2024 · fedd051 · fedd051
2 parents c310a73 + 4cf63f5
commit fedd051
Show file tree

Hide file tree

Showing 7 changed files with 71 additions and 10 deletions.
diff --git a/public/index.html b/public/index.html
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<html lang="en">
+<html lang="kr">
   <head>
     <meta charset="utf-8" />
     <link rel="icon" href="%PUBLIC_URL%/SkerrImg.png" />

diff --git a/src/Component/Game/GameHeader.tsx b/src/Component/Game/GameHeader.tsx
@@ -0,0 +1,22 @@
+import styled from "styled-components";
+import { Colors } from "../../Styles/Colors";
+import { GameHeaderProp } from "../../constants/interface";
+
+const Container = styled.div`
+  width: 100%;
+  height: 60px;
+  background-color: ${Colors.main};
+  color: white;
+  font-family: "SCDream6";
+  font-size: x-large;
+  text-align: center;
+  border-bottom-left-radius: 20px;
+  border-bottom-right-radius: 20px;
+  padding-top: 15px;
+`;
+
+const GameHeader: React.FC<GameHeaderProp> = ({ text }) => {
+  return <Container>{text}</Container>;
+};
+
+export default GameHeader;
diff --git a/src/Component/Layout/Layout.tsx b/src/Component/Layout/Layout.tsx
@@ -30,12 +30,13 @@ const Container = styled.div`
 const Layout = (props: { children: React.ReactNode }) => {
   const location = useLocation();
   const isLoginPage = location.pathname === "/nologin";
+  const isGame = location.pathname.includes("/game");
 
   return (
     <Container className="Layout">
-      {!isLoginPage && <Header />}
+      {!isLoginPage && !isGame && <Header />}
       <Main style={{ height: "100%" }}>{props.children}</Main>
-      {!isLoginPage && <NavBar />}
+      {!isLoginPage && !isGame && <NavBar />}
     </Container>
   );
 };

diff --git a/src/Pages/game/totalResult.tsx b/src/Pages/game/totalResult.tsx
@@ -1,5 +1,38 @@
+import styled from "styled-components";
+import GameHeader from "../../Component/Game/GameHeader";
+
+const Say = styled.div`
+  position: relative;
+  background: #00aabb;
+  border-radius: 0.4em;
+
+  ::after {
+    content: "";
+    position: absolute;
+    bottom: 0;
+    left: 50%;
+    width: 0;
+    height: 0;
+    border: 20px solid transparent;
+    border-top-color: #00aabb;
+    border-bottom: 0;
+    border-left: 0;
+    margin-left: -10px;
+    margin-bottom: -20px;
+  }
+`;
+
 const TotalResult = () => {
-  return <div>게임 최종 결과 페이지</div>;
+  return (
+    <div>
+      <GameHeader text={"최 종  결 과"} />
+      <Say>
+        <h1>1등 Skrrr</h1>
+        <p>10년 전에 투자했으면</p>
+        <p>1000000원 벌었을텐데...</p>
+      </Say>
+    </div>
+  );
 };
 
 export default TotalResult;
diff --git a/src/Router.tsx b/src/Router.tsx
@@ -42,12 +42,12 @@ const Router = () => {
           <Route path="/error" element={<ErrorPage />} />
 
           <Route path="/game" element={<SkrrrGamePage />} />
-          <Route path="/play/:year" element={<PlayPage />} />
-          <Route path="/info/:year" element={<InfoPage />} />
-          <Route path="/result/:year" element={<PlayResult />} />
-          <Route path="/result/total" element={<TotalResult />} />
-          <Route path="/gameStocks" element={<GameStocks />} />
-          <Route path="/rank" element={<Rank />} />
+          <Route path="/game/play/:year" element={<PlayPage />} />
+          <Route path="/game/info/:year" element={<InfoPage />} />
+          <Route path="/game/result/:year" element={<PlayResult />} />
+          <Route path="/game/result/total" element={<TotalResult />} />
+          <Route path="/game/gameStocks" element={<GameStocks />} />
+          <Route path="/game/rank" element={<Rank />} />
         </Routes>
         {/* <Routes></Routes> */}
       </Layout>

diff --git a/src/constants/interface.ts b/src/constants/interface.ts
@@ -183,3 +183,7 @@ export interface IconWrapperProps {
   $isActive: boolean;
   // Type for react-icons components
 }
+
+export interface GameHeaderProp {
+  text: String;
+}
diff --git a/src/index.tsx b/src/index.tsx
@@ -18,6 +18,7 @@ import {
 
 Sentry.init({
   dsn: "https://9ebd886018c37c250bd7e9536b0c8157@o4507837261021184.ingest.us.sentry.io/4507837311942656",
+  environment: "production",
   integrations: [
     Sentry.reactRouterV6BrowserTracingIntegration({
       useEffect,