fix: Add key prop to buttons in Game component and fix typo in SetLes…

…sons component
WebmasterCamp · Jul 21, 2024 · d34f794 · d34f794
1 parent db03cb1
commit d34f794
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 6 deletions.
diff --git a/app/game/page.tsx b/app/game/page.tsx
@@ -26,8 +26,8 @@ function Game(): GameProps {
             <div className="w-full h-fit items-center justify-center flex flex-col">
                 <p className="text-4xl font-bold text-wrap text-center text-[#343434]">{currentQuiz.question}</p>
                 <div className="flex gap-6 mt-20">
-                    {currentQuiz.options.map((option) => (
-                        <button className={`text-4xl text-white p-24  ${currentQuiz.type == 'boolean' ? "bg-[#35CD4D]" : "bg-[#FBAE17]"} rounded-[36px]`} onClick={
+                    {currentQuiz.options.map((option, index) => (
+                        <button key={index} className={`text-4xl text-white p-24  ${currentQuiz.type == 'boolean' ? "bg-[#35CD4D]" : "bg-[#FBAE17]"} rounded-[36px]`} onClick={
                             () => {
                                 setSelectedOption(option)
                                 if (selectedOption === currentQuiz.answer) {

diff --git a/components/setLessons.tsx b/components/setLessons.tsx
@@ -9,11 +9,11 @@ const prompt = Prompt({ subsets: ["latin"], weight: ["300", "400", "500", "600",
 
 function SetLessons() {
     return (
-        <main className="min-w-[1440px] flex flex-col justify-center">
-            <div className="flex gap-2 items-center">
+        <main className="min-w-[1440px] h-full flex flex-col justify-center">
+            <div className="flex tems-center justify-between">
 
                 <div>
-                    <div className="flex items-center justify-center mb-1">
+                    <div className="flex items-centermb-1">
                         <svg width="55" height="50" viewBox="0 0 55 50" fill="none" xmlns="http://www.w3.org/2000/svg">
                             <path d="M25.9722 32.7709L18.3333 24.7501M18.3333 24.7501L25.9722 16.7292M18.3333 24.7501H36.6666" stroke="#343434" stroke-width="3.66667" stroke-linecap="round" stroke-linejoin="round" />
                         </svg>
@@ -27,7 +27,7 @@ function SetLessons() {
 
                 <div className="relative w-[340px] h-[500px]">
                      <div className="absolute">
-                        <Image src={step1} alt="step1"/>
+                        <Image className="" src={step1} alt="step1"/>
                         <Image src={step2} alt="step2"/>
                         <Image src={step3} alt="step3"/>