From 4cf63f5d5b0d96ae3389b22aceb6f48cdc6c1f4b Mon Sep 17 00:00:00 2001 From: lucy726j Date: Wed, 4 Sep 2024 14:31:04 +0900 Subject: [PATCH] =?UTF-8?q?Chore=20:=20=EC=84=BC=ED=8A=B8=EB=A6=AC=20?= =?UTF-8?q?=EC=84=A4=EC=A0=95=20=EB=B3=80=EA=B2=BD,=20=EA=B2=8C=EC=9E=84?= =?UTF-8?q?=EC=9A=A9=20=ED=97=A4=EB=8D=94=EC=A0=81=EC=9A=A9=EC=9D=84=20?= =?UTF-8?q?=EC=9C=84=ED=95=9C=20=EB=9D=BC=EC=9A=B0=ED=84=B0=20=EC=88=98?= =?UTF-8?q?=EC=A0=95=20=EB=B0=8F=20=EA=B2=8C=EC=9E=84=EC=9A=A9=20=20?= =?UTF-8?q?=ED=97=A4=EB=8D=94=20=EC=83=9D=EC=84=B1?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- public/index.html | 2 +- src/Component/Game/GameHeader.tsx | 22 +++++++++++++++++++ src/Component/Layout/Layout.tsx | 5 +++-- src/Pages/game/totalResult.tsx | 35 ++++++++++++++++++++++++++++++- src/Router.tsx | 12 +++++------ src/constants/interface.ts | 4 ++++ src/index.tsx | 1 + 7 files changed, 71 insertions(+), 10 deletions(-) create mode 100644 src/Component/Game/GameHeader.tsx diff --git a/public/index.html b/public/index.html index 9c18cf4..b234919 100644 --- a/public/index.html +++ b/public/index.html @@ -1,5 +1,5 @@ - + diff --git a/src/Component/Game/GameHeader.tsx b/src/Component/Game/GameHeader.tsx new file mode 100644 index 0000000..bdc001d --- /dev/null +++ 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 = ({ text }) => { + return {text}; +}; + +export default GameHeader; diff --git a/src/Component/Layout/Layout.tsx b/src/Component/Layout/Layout.tsx index 4fe3076..5a838dd 100644 --- 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 ( - {!isLoginPage &&
} + {!isLoginPage && !isGame &&
}
{props.children}
- {!isLoginPage && } + {!isLoginPage && !isGame && } ); }; diff --git a/src/Pages/game/totalResult.tsx b/src/Pages/game/totalResult.tsx index d37e9f8..7680d47 100644 --- 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
게임 최종 결과 페이지
; + return ( +
+ + +

1등 Skrrr

+

10년 전에 투자했으면

+

1000000원 벌었을텐데...

+ +
+ ); }; export default TotalResult; diff --git a/src/Router.tsx b/src/Router.tsx index 2e7e89f..f5f4dbb 100644 --- a/src/Router.tsx +++ b/src/Router.tsx @@ -42,12 +42,12 @@ const Router = () => { } /> } /> - } /> - } /> - } /> - } /> - } /> - } /> + } /> + } /> + } /> + } /> + } /> + } /> {/* */} diff --git a/src/constants/interface.ts b/src/constants/interface.ts index 0381995..ae1375f 100644 --- 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 index 8c5f6cf..2dcab2a 100644 --- 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,