Add method to not repeat examples

Author: handotdev

content/examples.ts

@@ -1,5 +1,6 @@
 export default [
   {
+    id: 'encrypt',
     languageId: 'python',
     format: 'reST',
     code: `def encrypt_char(c):
@@ -13,6 +14,7 @@ export default [
   return ltrs[new_index]`,
   },
   {
+    id: 'maximum',
     languageId: 'python',
     format: 'reST',
     code: `def maximum_subarray():
@@ -34,6 +36,7 @@ export default [
   return`,
   },
   {
+    id: 'TSFirstNode',
     languageId: 'typescript',
     format: 'JSDoc',
     code: `export const getFirstNodeByValue = (node: TreeNode | null, value: string): TreeNode | null => {
@@ -53,6 +56,7 @@ export default [
 }`,
   },
   {
+    id: 'binarySearch',
     languageId: 'javascript',
     format: 'JSDoc',
     code: `function binarySearch(array, target, start = 0, end = array.length - 1) {
@@ -72,6 +76,7 @@ export default [
   };`,
   },
   {
+    id: 'orgToken',
     languageId: 'javascript',
     format: 'Google',
     code: `async function getOrganizationFromToken(token) {

pages/index.tsx

@@ -93,6 +93,7 @@ function classNames(...classes: any) {
 export default function Example() {
   const [code, setCode] = useState('');
   const [outputDisplay, setOutputDisplay] = useState('');
+  const [lastExampleId, setLastExampleId] = useState('');
   const [selectedLanguage, setSelectedLanguage] = useState(languagesDropdown[0]);
   const [selectedFormat, setSelectedFormat] = useState(formats[0]);
   const [commentsEnabled, setCommentsEnabled] = useState(true);
@@ -126,7 +127,8 @@ export default function Example() {
   };
 
   const onGenerateExample = () => {
-    const randomExample = EXAMPLES[Math.floor(Math.random() * EXAMPLES.length)];
+    const filteredExamples = EXAMPLES.filter((example) => example.id !== lastExampleId);
+    const randomExample = filteredExamples[Math.floor(Math.random() * filteredExamples.length)];
     const foundLanguage = languagesDropdown.find(
       (languageOption) => languageOption.id === randomExample.languageId,
     );
@@ -138,6 +140,7 @@ export default function Example() {
     setSelectedLanguage(foundLanguage);
     setSelectedFormat(foundFormat);
     setCode(randomExample.code);
+    setLastExampleId(randomExample.id);
   };
 
   const onClickGenerate = async () => {