randomize candidates

Author: JeremiahPinto

client/app/components/vote/index.tsx

@@ -13,12 +13,20 @@ import {
   usePositions,
   useResults,
   useWS,
+  type Candidate,
 } from "./queries";
 import { Button } from "../ui/button";
 import { Logo } from "../ui/logo";
 import { Link } from "react-router";
 import { useTheme } from "../theme-provider";
 
+function randomize(array: Candidate[]) {
+  for (let i = array.length - 1; i > 0; i--) {
+    const j = Math.floor(Math.random() * (i + 1));
+    [array[i], array[j]] = [array[j], array[i]];
+  }
+}
+
 const Vote = ({ logout }: { logout: () => void }) => {
   const { setTheme, theme } = useTheme();
   const isDarkMode = theme === "dark";
@@ -34,6 +42,8 @@ const Vote = ({ logout }: { logout: () => void }) => {
     if (wsData?.status === "finished") refetchElected();
   }, [wsData?.status]);
 
+  randomize(candidates);
+
   return (
     <>
       <header className="flex justify-between py-1 px-4">