From 76dfd0a311d3df52559621596e87572061505814 Mon Sep 17 00:00:00 2001
From: Sam Becker <sam@sambecker.com>
Date: Sat, 1 Feb 2025 23:05:07 -0600
Subject: [PATCH] Fix useClickInsideOutside bug, update GH sync styles

---
 src/admin/github/GitHubForkStatusBadgeClient.tsx | 8 ++++----
 src/components/Modal.tsx                         | 7 ++++---
 2 files changed, 8 insertions(+), 7 deletions(-)

diff --git a/src/admin/github/GitHubForkStatusBadgeClient.tsx b/src/admin/github/GitHubForkStatusBadgeClient.tsx
index 86eca35a..6a522d5a 100644
--- a/src/admin/github/GitHubForkStatusBadgeClient.tsx
+++ b/src/admin/github/GitHubForkStatusBadgeClient.tsx
@@ -18,14 +18,14 @@ export default function GitHubForkStatusBadgeClient({
     case 'success': return clsx(
       'text-green-700 hover:text-green-700',
       'dark:text-green-400 dark:hover:text-green-400',
-      'bg-green-100/75 dark:bg-green-900/50',
-      'border-green-300/25',
+      'bg-green-100/75 dark:bg-green-900/25',
+      'border-green-300/25 dark:border-green-900/50',
     );
     case 'warning': return clsx(
       'text-amber-700 hover:text-amber-700',
       'dark:text-amber-400 dark:hover:text-amber-400',
-      'bg-amber-100/75 dark:bg-amber-900/50',
-      'border-amber-300/25 dark:border-amber-900',
+      'bg-amber-100/75 dark:bg-amber-900/25',
+      'border-amber-300/25 dark:border-amber-900/50',
     );
     default: return clsx(
       'text-main',
diff --git a/src/components/Modal.tsx b/src/components/Modal.tsx
index fe1f1f8d..0b89594f 100644
--- a/src/components/Modal.tsx
+++ b/src/components/Modal.tsx
@@ -1,6 +1,6 @@
 'use client';
 
-import { ReactNode, useEffect, useRef, useState } from 'react';
+import { ReactNode, RefObject, useEffect, useRef, useState } from 'react';
 import { motion } from 'framer-motion';
 import { clsx } from 'clsx/lite';
 import useClickInsideOutside from '@/utility/useClickInsideOutside';
@@ -32,11 +32,12 @@ export default function Modal({
 
   const contentRef = useRef<HTMLDivElement>(null);
 
-  const [htmlElements, setHtmlElements] = useState<HTMLDivElement[]>([]);
+  const [htmlElements, setHtmlElements] =
+    useState<RefObject<HTMLDivElement | null>[]>([]);
 
   useEffect(() => {
     if (contentRef.current) {
-      setHtmlElements([contentRef.current]);
+      setHtmlElements([contentRef]);
     }
   }, []);