feat: next and prev page.

fezcode · fezcode · commit 61087118b860 · 2025-11-29T00:19:50.000+03:00
diff --git a/src/components/CommandPalette.js b/src/components/CommandPalette.js
@@ -516,6 +516,20 @@ const CommandPalette = ({
           });
           break;
         }
+        case 'previousPage':
+          addToast({
+            title: 'Previous Page',
+            duration: 1500,
+          });
+          navigate(-1);
+          break;
+        case 'nextPage':
+          addToast({
+            title: 'Next Page',
+            duration: 1500,
+          });
+          navigate(1);
+          break;
         default:
           break;
       }
diff --git a/src/components/Toast.js b/src/components/Toast.js
@@ -37,8 +37,6 @@ const Toast = ({
     >
       <div className="flex flex-col text-sm group w-max flex-grow">
         <div className="flex items-center gap-2">
-          {' '}
-          {/* New div for icon and title */}
           {icon && <span className="text-xl text-red-100">{icon}</span>}
           <span className="text-base text-red-100">{title}</span>
         </div>
diff --git a/src/hooks/useSearchableData.js b/src/hooks/useSearchableData.js
@@ -308,7 +308,8 @@ const useSearchableData = () => {
             type: 'command',
             commandId: 'toggleGlitchMode',
           },
-          { title: 'Fezynth', type: 'command', commandId: 'openFezynth' },
+          { title: 'Previous Page', type: 'command', commandId: 'previousPage' },
+          { title: 'Next Page', type: 'command', commandId: 'nextPage' },
         ];
 
         setItems([
diff --git a/src/pages/CommandsPage.js b/src/pages/CommandsPage.js
@@ -65,6 +65,16 @@ const commandsData = [
         description: 'Go to the bottom of the page.',
         color: 'blue',
       },
+      {
+        title: 'Previous Page',
+        description: 'Go back to the previous page in your browser history.',
+        color: 'sky',
+      },
+      {
+        title: 'Next Page',
+        description: 'Go forward to the next page in your browser history.',
+        color: 'blue',
+      },
     ],
   },
   {

Original file line number	Diff line number	Diff line change
`@@ -37,8 +37,6 @@ const Toast = ({`
`37`	`37`	`>`
`38`	`38`	`<div className="flex flex-col text-sm group w-max flex-grow">`
`39`	`39`	`<div className="flex items-center gap-2">`
`40`		`- {' '}`
`41`		`- {/* New div for icon and title */}`
`42`	`40`	`{icon && <span className="text-xl text-red-100">{icon}</span>}`
`43`	`41`	`<span className="text-base text-red-100">{title}</span>`
`44`	`42`	`</div>`