Merge pull request #17 from gimnathperera/15-feature-request-add-a-re…

…set-button feat: add reset button
gimnathperera · Sep 27, 2023 · eaa9522 · eaa9522
2 parents f006299 + 959a4cf
commit eaa9522
Show file tree

Hide file tree

Showing 4 changed files with 9,459 additions and 7,400 deletions.
diff --git a/app/page.tsx b/app/page.tsx
@@ -33,6 +33,10 @@ const Home: FC = () => {
     onOpen();
   };
 
+  const handleOnReset = (): void => {
+    window.location.reload();
+  };
+
   const handleOnCodeChange = (newCode: string): void => {
     setCode(newCode);
   };
@@ -60,7 +64,7 @@ const Home: FC = () => {
 
   return (
     <section className='h-full'>
-      <Header onGenerate={handleOnGenerate} />
+      <Header onGenerate={handleOnGenerate} onReset={handleOnReset} />
       <div className='flex justify-center gap-6 h-[calc(100vh-12rem)]'>
         <CodeEditor onCodeChange={handleOnCodeChange} initialCode={code} />
         <Result

diff --git a/components/header/index.tsx b/components/header/index.tsx
@@ -3,17 +3,21 @@ import { Button } from '@nextui-org/react';
 
 type Props = {
   onGenerate: () => void;
+  onReset: () => void;
 };
 
-const Header: FC<Props> = ({ onGenerate }) => {
+const Header: FC<Props> = ({ onGenerate, onReset }) => {
   return (
     <div className='pb-6 text-center flex items-center justify-between'>
       <h1 className='tracking-tight inline font-semibold text-[2.3rem] lg:text-3xl'>
         Generate 𝔽𝕒𝕜𝕖 Data
       </h1>
       <div className='flex items-center gap-4'>
+        <Button color='default' variant='shadow' onClick={onReset}>
+          Reset ↻
+        </Button>
         <Button color='primary' variant='shadow' onClick={onGenerate}>
-          🪄 Generate
+          Generate 🪄
         </Button>
       </div>
     </div>