Login
diff --git a/client/src/components/screens/Minions.tsx b/client/src/components/screens/Minions.tsx
index 617710b..ea26d88 100644
--- a/client/src/components/screens/Minions.tsx
+++ b/client/src/components/screens/Minions.tsx
@@ -1,25 +1,52 @@
-// src/components/Minion.tsx
-
import React from 'react';
interface MinionProps {
id: string;
- x: number;
- y: number;
+ xPercent: number;
+ yPercent: number;
image: string;
name: string;
questionId: string;
goToQuestion: (questionId: string) => void;
+ size: number,
}
-const Minion: React.FC
= ({ id, x, y, image, name, questionId, goToQuestion }) => {
+const Minion: React.FC = ({
+ id,
+ xPercent,
+ yPercent,
+ image,
+ name,
+ questionId,
+ goToQuestion,
+ }) => {
+
return (
goToQuestion(questionId)}
+ title={name}
>
-

+
);
};
diff --git a/client/src/components/screens/Questions.tsx b/client/src/components/screens/Questions.tsx
index e69de29..b4c70ac 100644
--- a/client/src/components/screens/Questions.tsx
+++ b/client/src/components/screens/Questions.tsx
@@ -0,0 +1,21 @@
+import React from 'react';
+import { useParams, useNavigate } from 'react-router-dom';
+
+const Questions: React.FC = () => {
+ const { id } = useParams<{ id: string }>();
+ const navigate = useNavigate();
+
+ const handleBack = () => {
+ navigate('/map');
+ };
+
+ return (
+
+
Question {id}
+
This is where the question {id} will go!
+
+
+ );
+};
+
+export default Questions;
diff --git a/client/src/components/screens/Signup.tsx b/client/src/components/screens/Signup.tsx
index 415ed11..707abea 100644
--- a/client/src/components/screens/Signup.tsx
+++ b/client/src/components/screens/Signup.tsx
@@ -1,4 +1,3 @@
-// src/components/SignUp.tsx
/*CREATE IMPORTS */
import React, { useState } from 'react';
import { useNavigate } from 'react-router-dom';
@@ -26,11 +25,6 @@ const SignUp: React.FC = () => {
return (
-