diff --git a/packages/web/src/components/common/typingBox/style.tsx b/packages/web/src/components/common/typingBox/style.tsx index eec525c..c0ce6a2 100644 --- a/packages/web/src/components/common/typingBox/style.tsx +++ b/packages/web/src/components/common/typingBox/style.tsx @@ -169,3 +169,14 @@ export const WaitingPlayers = styled.div` font-family: "Verdana"; `; + +export const ImageWrapper = styled.div` + position: relative; + margin: auto; + width: 700px; + padding-top: 100px; +`; +export const KeyboardImage = styled.img` + margin: auto; + width: 700px; +`; diff --git a/packages/web/src/components/common/typingBox/typingBox.tsx b/packages/web/src/components/common/typingBox/typingBox.tsx index 16fd3c0..196f55f 100644 --- a/packages/web/src/components/common/typingBox/typingBox.tsx +++ b/packages/web/src/components/common/typingBox/typingBox.tsx @@ -23,7 +23,9 @@ import { ActuallyTyped, BlockOfFinishedText, TextInfo, - WaitingPlayers + WaitingPlayers, + ImageWrapper, + KeyboardImage } from "./style"; import { sendWebsocket } from "../../../utils/websocket"; @@ -858,6 +860,16 @@ export const TypingBox = (props: TypingBoxProps) => { }} > + {time > 0 && props.tutorial ? ( + + + + ) : ( + "" + )} ); }; diff --git a/packages/web/src/components/dashboard/dashboard.tsx b/packages/web/src/components/dashboard/dashboard.tsx index 09c86db..4394494 100644 --- a/packages/web/src/components/dashboard/dashboard.tsx +++ b/packages/web/src/components/dashboard/dashboard.tsx @@ -434,13 +434,12 @@ const AchievementItemSettings = (props: { setIsHidden(true); }} > - Delete Text + Delete Achievement