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