From b0ccf279f01318a34f423e00279c4e30e8eea9a6 Mon Sep 17 00:00:00 2001
From: Owen Moogk <owenmoogk@gmail.com>
Date: Sat, 18 Jan 2025 09:51:07 -0500
Subject: [PATCH] Don't repeat a splash until they've seen all of them

---
 src/components/homepage/Homepage.tsx | 18 +++++++++++++-----
 1 file changed, 13 insertions(+), 5 deletions(-)

diff --git a/src/components/homepage/Homepage.tsx b/src/components/homepage/Homepage.tsx
index 5bbbe6b..2d8fc4d 100644
--- a/src/components/homepage/Homepage.tsx
+++ b/src/components/homepage/Homepage.tsx
@@ -1,5 +1,5 @@
 import { Anchor, Box, Container, Text, Title } from '@mantine/core';
-import { useState } from 'react';
+import { useRef, useState } from 'react';
 import { Helmet } from 'react-helmet-async';
 import { Link } from 'react-router';
 
@@ -7,7 +7,7 @@ import splashes from './splashes.json';
 import FeaturedIcon from '../projects/FeaturedIcon';
 import { assetUrl } from '@global/global';
 
-export function getRandomInt(min: number, max: number) {
+function getRandomIntInclusive(min: number, max: number) {
   min = Math.ceil(min);
   max = Math.floor(max);
   return Math.floor(Math.random() * (max - min + 1)) + min;
@@ -16,11 +16,19 @@ export function getRandomInt(min: number, max: number) {
 export default function Homepage() {
   const defaultSplash = 'Mechatronics Engineering Student';
   const [splash, setSplash] = useState(defaultSplash);
+  const alreadyShownSet = useRef(new Set<number>());
 
   function changeSplash() {
-    setSplash(
-      splashes ? splashes[getRandomInt(0, splashes.length)] : defaultSplash
-    );
+    if (alreadyShownSet.current.size == splashes.length) {
+      alreadyShownSet.current.clear();
+    }
+
+    let randomInt: number | null = null;
+    while (randomInt == null || alreadyShownSet.current.has(randomInt)) {
+      randomInt = getRandomIntInclusive(0, splashes.length - 1);
+    }
+    alreadyShownSet.current.add(randomInt);
+    setSplash(splashes ? splashes[randomInt] : defaultSplash);
   }
 
   return (