typing-test icon indicating copy to clipboard operation
typing-test copied to clipboard

Added a new restart button

Open sagarkattel opened this issue 2 years ago • 7 comments

There was no restart button while we were taking the test and in the beginning of the test So i tried to add the restart button

Changes i have done:

Installed react icons library -> npm install react-icons --save

Added restart button from react-icons in the Footer.tsx section ->import {VscDebugRestart} from 'react-icons/vsc';

Created span with className as "restart-span" and added a button inside with restart icons from "react-icons"

Make Changes into the Footer.scss file for adding the attributes of newly added span and buttton

sagarkattel avatar Oct 18 '22 15:10 sagarkattel

restart-button

sagarkattel avatar Oct 18 '22 15:10 sagarkattel

I don't think restart button is necessary when you can just press Tab to restart the test.

slmn-sh avatar Oct 19 '22 04:10 slmn-sh

But after the typing test starts everything is hidden and people won't know how to restart as Footer is also hidden once timer start. Hope you consider that.

sagarkattel avatar Oct 19 '22 04:10 sagarkattel

Everything is hidden for a reason. It allows users to focus on the test. monkeytype which is inspiration for this project also follows the same approach

slmn-sh avatar Oct 19 '22 12:10 slmn-sh

But brother monkeytype also have restart button right?

sagarkattel avatar Oct 19 '22 16:10 sagarkattel

It's like that because of personal reason.

slmn-sh avatar Oct 24 '22 17:10 slmn-sh

Okay bro i understand

sagarkattel avatar Oct 26 '22 12:10 sagarkattel