xfy/DefectingCat.github.io
1
0
Fork 0
mirror of https://github.com/DefectingCat/DefectingCat.github.io synced 2025-07-16 01:01:38 +00:00
Code Issues Packages Projects Releases Wiki Activity

✨ Update sandpack ssr

Browse Source
This commit is contained in:
DefectingCat
2022-06-21 10:12:21 +08:00
parent 7a23665bad
commit 787fc77ba4
2 changed files with 11 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

17
components/RUA/RUASandpack.tsx
View File

@ -1,6 +1,5 @@
import { Sandpack, SandpackProps } from '@codesandbox/sandpack-react';
import { Sandpack, SandpackProps } from '@codesandbox/sandpack-react';
import { useTheme } from 'next-themes';
import useInView from 'lib/hooks/useInView';
interface Props extends SandpackProps {}
@ -8,17 +7,13 @@ const RUASandpack = ({ ...rest }: Props) => {
const { systemTheme, theme } = useTheme();
const currentTheme = theme === 'system' ? systemTheme : theme;
const { ref, inView } = useInView();
return (
<>
<div className="my-2 min-h-[402px]" ref={ref}>
{inView && (
<Sandpack
{...rest}
theme={currentTheme === 'dark' ? 'dark' : 'light'}
/>
)}
<div className="my-2 min-h-[402px]">
<Sandpack
{...rest}
theme={currentTheme === 'dark' ? 'dark' : 'light'}
/>
</div>
</>
);