reya/lume
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: add for you column

Browse Source
This commit is contained in:
reya
2024-01-20 09:06:00 +07:00
parent a3460418f6
commit b726ae3c7c
25 changed files with 511 additions and 91 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
packages/ui/src/onboarding/home.tsx
View File

@@ -1,12 +1,12 @@
import { ArrowRightIcon, PopperFilledIcon } from "@lume/icons";
import { onboardingAtom } from "@lume/utils";
import { motion } from "framer-motion";
import { useSetAtom } from "jotai";
import { useAtom } from "jotai";
import { useNavigate } from "react-router-dom";
export function OnboardingHomeScreen() {
const navigate = useNavigate();
const setOnboarding = useSetAtom(onboardingAtom);
const [onboarding, setOnboarding] = useAtom(onboardingAtom);
return (
<motion.div
@@ -27,7 +27,9 @@ export function OnboardingHomeScreen() {
<div className="mt-4 flex flex-col gap-2 items-center">
<button
type="button"
onClick={() => navigate("/profile")}
onClick={() =>
onboarding.newUser ? navigate("/profile") : navigate("/interests")
}
className="inline-flex items-center justify-center gap-2 w-44 font-medium h-11 rounded-xl bg-blue-100 text-blue-500 hover:bg-blue-200 dark:bg-blue-900 dark:text-blue-500 dark:hover:bg-blue-800"
>
Profile Settings
@@ -35,7 +37,7 @@ export function OnboardingHomeScreen() {
</button>
<button
type="button"
onClick={() => setOnboarding(false)}
onClick={() => setOnboarding({ open: false, newUser: false })}
className="inline-flex items-center justify-center gap-2 w-44 px-5 font-medium h-11 rounded-xl hover:bg-neutral-100 dark:hover:bg-neutral-900 text-neutral-700 dark:text-neutral-600"
>
Skip