Fix useClickInsideOutside bug, update GH sync styles
This commit is contained in:
parent
112a6c1442
commit
76dfd0a311
@ -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',
|
||||
|
||||
@ -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]);
|
||||
}
|
||||
}, []);
|
||||
|
||||
|
||||
Loading…
Reference in New Issue
Block a user