Fixed the duplicated buttons
This commit is contained in:
parent
f042f07cf9
commit
ba0b31d0d2
1 changed files with 19 additions and 19 deletions
|
@ -39,7 +39,7 @@ const QuestionView = ({ question, setState, state }: { question: Question, setSt
|
||||||
<div><p className="mt-6 text-lg leading-8 text-gray-200">
|
<div><p className="mt-6 text-lg leading-8 text-gray-200">
|
||||||
{question.answer}
|
{question.answer}
|
||||||
</p>
|
</p>
|
||||||
<div className="mt-10 flex items-center justify-center gap-x-6">
|
{/* <div className="mt-10 flex items-center justify-center gap-x-6">
|
||||||
<button
|
<button
|
||||||
onClick={() => { handleAnswerClick( true )}}
|
onClick={() => { handleAnswerClick( true )}}
|
||||||
className="rounded-md bg-indigo-600 px-3.5 py-2.5 text-sm font-semibold text-white shadow-sm hover:bg-indigo-500 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-indigo-600"
|
className="rounded-md bg-indigo-600 px-3.5 py-2.5 text-sm font-semibold text-white shadow-sm hover:bg-indigo-500 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-indigo-600"
|
||||||
|
@ -52,10 +52,7 @@ const QuestionView = ({ question, setState, state }: { question: Question, setSt
|
||||||
>
|
>
|
||||||
I didn't know that!
|
I didn't know that!
|
||||||
</button>
|
</button>
|
||||||
</div>
|
</div> */}
|
||||||
</div>) : (<button className="text-sm font-semibold leading-6 text-gray-200" onClick={handleOpenClick}>
|
|
||||||
Show answer
|
|
||||||
</button>)}
|
|
||||||
<div className="mt-10 flex items-center justify-center gap-x-6">
|
<div className="mt-10 flex items-center justify-center gap-x-6">
|
||||||
<button
|
<button
|
||||||
onClick={() => { handleAnswerClick( true )}}
|
onClick={() => { handleAnswerClick( true )}}
|
||||||
|
@ -74,6 +71,9 @@ const QuestionView = ({ question, setState, state }: { question: Question, setSt
|
||||||
I didn't know that!
|
I didn't know that!
|
||||||
</button>
|
</button>
|
||||||
</div>
|
</div>
|
||||||
|
</div>) : (<button className="text-sm font-semibold leading-6 text-gray-200" onClick={handleOpenClick}>
|
||||||
|
Show answer
|
||||||
|
</button>)}
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
)
|
)
|
||||||
|
|
Loading…
Reference in a new issue