Fixed few bugs and update the vacab of kubernetes and english

Author: arbabkhalil

components/Footer.tsx

@@ -8,12 +8,12 @@ const Footer: React.FC = () => (
           <p className="text-sm font-medium text-indigo-600">
             © {new Date().getFullYear()} Made by
             <a
-              href="https://github.com/gimenezpablonl"
+              href="https://github.com/arbabkhalil"
               rel="noopener noreferrer"
               className="ml-1"
               target="_blank"
             >
-              <span className="font-semibold">gimenezpablonl</span>
+              <span className="font-semibold">arbabkhalil</span>
             </a>
           </p>
         </div>

components/LanguageSelector.tsx

@@ -15,10 +15,10 @@ const LanguageSelector: React.FC<Props> = (props) => (
       }
       className="w-full rounded appearance-none bg-white border-2 border-indigo-300 py-2 focus:outline-none focus:border-indigo-500 text-base pl-3 pr-7"
     >
-      <option value="easy_en">English</option>
       <option value="k8s">Kubernetes</option>
       <option value="py">Python</option>
       <option value="linux">Linux</option>
+      <option value="easy_en">English</option>
     </select>
   </div>
 );

pages/index.tsx

@@ -13,7 +13,7 @@ import Footer from "../components/Footer";
 const IndexPage = () => {
   const [words, setWords] = useState<string[]>([""]);
   const [wordInput, setWordInput] = useState<string>("");
-  const [language, setLanguage] = useState<string>("easy_en");
+  const [language, setLanguage] = useState<string>("k8s");
   const [isInputCorrect, setIsInputCorrect] = useState<boolean>(true);
   const [correctKeystroke, setCorrectKeystroke] = useState<number>(0);
   const [wrongKeystroke, setWrongKeystroke] = useState<number>(0);
@@ -102,7 +102,14 @@ const IndexPage = () => {
           setWrongWords((prev) => prev + 1);
         }
 
-        setWords((prevWords) => prevWords.slice(1));
+        const remainingWords = words.slice(1);
+        if (remainingWords.length === 0) {
+          // create a new line of random words here
+          const newLine = shuffleWord(10, language);
+          setWords(newLine);
+        } else {
+          setWords(remainingWords);
+        }
       }
     }
   };

utils/k8s.json

@@ -1 +1 @@
-["apiVersion","kind","metadata","name","labels","annotations","spec","replicas","selector","template","containers","image","ports","resources","limits","requests","volumeMounts","volumes","configMap","secret","hostPath","emptyDir","persistentVolumeClaim","service","type","ClusterIP","LoadBalancer","NodePort","ExternalName","selector","ports","ingress","rules","http","path","tls","secretName","configMapName"]
+["config","view","get-context","current-context","use-context","set-cluster","set-credentials","set-context","apply","create","deployment","nginx","job","cronjob","explain","pod","apiVersion","kind","metadata","spec","containers","image","args","sleep","Secret","type","Opaque","data","get","service","pods","describe","nodes","services","restartCount","capacity","storage","selector","labels","version","configmap","secret","field-selector","status","phase","addresses","JSONPATH","grep","diff","exec","env","set","rollout","history","undo","expose","label","annotate","autoscale","patch","node","spec","unschedulable","valid-pod","kubernetes-serve-hostname","replace","valid-deployment","remove","default","apiVersion","kind","metadata","name","labels","annotations","spec","replicas","selector","template","containers","image","ports","resources","limits","requests","volumeMounts","volumes","configMap","secret","hostPath","emptyDir","persistentVolumeClaim","service","type","ClusterIP","LoadBalancer","NodePort","ExternalName","selector","ports","ingress","rules","http","path","tls","secretName","configMapName"]

utils/shuffleWord.ts

@@ -7,8 +7,8 @@ export const shuffleWord = (maxWord: number, language: string) => {
 
   let shuffledWord;
   switch (language) {
-    case "k8s":
-      shuffledWord = k8s.slice(0);
+    case "easy_en":
+      shuffledWord = easy_en.slice(0);
       break;
     case "py":
       shuffledWord = py.slice(0);
@@ -17,7 +17,7 @@ export const shuffleWord = (maxWord: number, language: string) => {
       shuffledWord = linux.slice(0);
       break;
     default:
-      shuffledWord = easy_en.slice(0);
+      shuffledWord = k8s.slice(0);
       break;
   }
   for (let i = shuffledWord.length - 1; i > 0; i--) {