Fix useClickInsideOutside bug, update GH sync styles

This commit is contained in:
Sam Becker 2025-02-01 23:05:07 -06:00
parent 112a6c1442
commit 76dfd0a311
2 changed files with 8 additions and 7 deletions

View File

@ -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',

View File

@ -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]);
}
}, []);