From 66057f8fc45e4e3a82ecd409e65d6abcde0d51ac Mon Sep 17 00:00:00 2001
From: Kevin Yu <kevinyu567@gmail.com>
Date: Sun, 15 Sep 2024 17:43:11 -0400
Subject: [PATCH 1/2] Sort challenge categories alphabetically

---
 app/challenges/Filters.tsx   | 2 +-
 app/profile/ProfileStats.tsx | 4 +++-
 2 files changed, 4 insertions(+), 2 deletions(-)

diff --git a/app/challenges/Filters.tsx b/app/challenges/Filters.tsx
index cb29e25..89337a1 100644
--- a/app/challenges/Filters.tsx
+++ b/app/challenges/Filters.tsx
@@ -48,7 +48,7 @@ export default function Filters(props: FiltersProps) {
             <h2 className="font-semibold mb-1">Filters</h2>
 
             <div className="flex flex-col gap-1 pl-2 mb-3">
-                {Object.keys(totals).map((c) => (
+                {Object.keys(totals).sort((a, b) => a.localeCompare(b)).map((c) => (
                     <FilterCategory
                         key={c}
                         category={c}
diff --git a/app/profile/ProfileStats.tsx b/app/profile/ProfileStats.tsx
index 28bf1ca..8566c40 100644
--- a/app/profile/ProfileStats.tsx
+++ b/app/profile/ProfileStats.tsx
@@ -29,7 +29,9 @@ export default function ProfileStats(props: ProfileData & { challs: Challenge[]
             res[c.category].solves++;
         }
 
-        return Object.entries(res).map(([name, data]) => ({ name, percent: data.solves / data.total }));
+        return Object.entries(res)
+            .sort((a, b) => a[0].localeCompare(b[0]))
+            .map(([name, data]) => ({ name, percent: data.solves / data.total }));
     }, [props.solves]);
 
     return (

From 7cdd5d99d7051b0ae56b26e95935ba8964331117 Mon Sep 17 00:00:00 2001
From: Kevin Yu <kevinyu567@gmail.com>
Date: Sun, 15 Sep 2024 17:48:54 -0400
Subject: [PATCH 2/2] Force hide videos on end

---
 components/FlagDispatchProvider.tsx | 8 ++++++++
 1 file changed, 8 insertions(+)

diff --git a/components/FlagDispatchProvider.tsx b/components/FlagDispatchProvider.tsx
index 8109955..bbea25c 100644
--- a/components/FlagDispatchProvider.tsx
+++ b/components/FlagDispatchProvider.tsx
@@ -86,6 +86,8 @@ export default function FlagDispatchProvider(props: { children: ReactNode }) {
                 <video
                     className="fixed top-0 w-screen h-screen pointer-events-none z-50 object-cover object-center"
                     ref={appendToRejectVideos}
+                    onPlay={(e) => e.currentTarget.hidden = false}
+                    onEnded={(e) => e.currentTarget.hidden = true}
                     key={i}
                 >
                     <source src={`/assets/videos/failed${i + 1}-safari.mov`} type='video/mp4; codecs="hvc1"' />
@@ -96,6 +98,8 @@ export default function FlagDispatchProvider(props: { children: ReactNode }) {
                 <video
                     className="fixed top-0 w-screen h-screen pointer-events-none z-50 object-cover object-center"
                     ref={appendToAcceptVideos}
+                    onPlay={(e) => e.currentTarget.hidden = false}
+                    onEnded={(e) => e.currentTarget.hidden = true}
                     key={i}
                 >
                     <source src={`/assets/videos/success${i + 1}-safari.mov`} type='video/mp4; codecs="hvc1"' />
@@ -106,6 +110,8 @@ export default function FlagDispatchProvider(props: { children: ReactNode }) {
             <video
                 className="fixed top-0 w-screen h-screen pointer-events-none z-50 object-cover object-center"
                 ref={appleBottomJeansRef}
+                onPlay={(e) => e.currentTarget.hidden = false}
+                onEnded={(e) => e.currentTarget.hidden = true}
             >
                 <source src="/assets/videos/special-safari.mov" type='video/mp4; codecs="hvc1"' />
                 <source src="/assets/videos/special-chrome.webm" type="video/webm" />
@@ -113,6 +119,8 @@ export default function FlagDispatchProvider(props: { children: ReactNode }) {
             <video
                 className="fixed top-0 w-screen h-screen pointer-events-none z-50 object-cover object-center"
                 ref={gunRef}
+                onPlay={(e) => e.currentTarget.hidden = false}
+                onEnded={(e) => e.currentTarget.hidden = true}
             >
                 <source src="/assets/videos/special2-safari.mov" type='video/mp4; codecs="hvc1"' />
                 <source src="/assets/videos/special2-chrome.webm" type="video/webm" />