remove yoga.svg because i cant find it :(

client/src/pages/Home.tsx

@@ -2,14 +2,14 @@ import styled from 'styled-components';
 import {PageTemplate} from "../components";
 import { useNavigate } from 'react-router-dom';
 import {ColorScheme} from "../types/enums";
-import yoga from "../assets/yoga.svg";
+// import yoga from "../assets/yoga.svg";
 
 const Home = () => {
     let navigate = useNavigate();
 
     return (
         <PageTemplate colorScheme={ColorScheme.Green}>
-           <Image src={yoga} alt="yoga"></Image>
+           {/* <Image src={yoga} alt="yoga"></Image> */}
             <Title>Welcome to Posetastic!</Title>
             <Text>Click the buttons to learn more!</Text>
             <ButtonFlex>

client/src/pages/Train.tsx

@@ -89,7 +89,7 @@ function sketch(p5:any) {
 
 const Train = () => {
   const desiredPoses = ["Stand Straight", "Tree Pose", 'Warrior II'];
-  const poseImages = [ warriorPose,standStraight,treePose, ];
+  const poseImages = [standStraight,treePose, warriorPose];
   const [poseNum, setPoseNum] = useState<number>(0);
   const [pose, setPose] = useState<string>('Unknown Pose');
   const [count, setCount] = useState(0);
@@ -138,7 +138,9 @@ const Train = () => {
             <Text><b>Timer:</b> {count}</Text>
 
             <ImageWrapper><PoseImage src={poseImages[poseNum]} alt="yoga"/></ImageWrapper>
+            <button onClick={()=> setPoseNum(poseNum+1)}>hihi</button>
         </>
+
       }
   </PageTemplate>
   )

client/src/types/images.d.ts

@@ -0,0 +1,9 @@
+declare module "*.png" {
+    const content: any;
+    export default content;
+}
+
+declare module "*.svg" {
+    const content: any;
+    export default content;
+}

client/tsconfig.json

@@ -21,7 +21,7 @@
     "jsx": "react-jsx"
   },
   "include": [
-    "src","src/components", "src/custom.d.ts"
+    "src","src/components", "src/custom.d.ts", "src/types/images.d.ts"
   ]
 
 }