sparkast/components/index.tsx
2024-03-31 01:07:38 +08:00

24 lines
720 B
TypeScript

'use client';
import { useRecoilState } from "recoil";
import Background from "./background";
import Search from "./search/search";
import { bgFocusState } from "./state/background";
import Time from "./time";
export default function Homepage() {
const [isFocus, setFocus] = useRecoilState(bgFocusState);
return (
<div className="h-full fixed overflow-hidden w-full bg-black">
<Time showSecond={true} />
<Background src="rgb(23,25,29)" isFocus={isFocus} onClick={() => setFocus(false)} />
<Search
onFocus={() => {
setFocus(true);
console.log("focus");
}}
/>
</div>
);
}