mirror of
https://github.com/AmruthPillai/Reactive-Resume.git
synced 2025-11-15 09:11:57 +10:00
Update dependencies and refactor icon imports across the codebase
This commit is contained in:
@ -1,4 +1,4 @@
|
||||
import { CloudSun, Moon, Sun } from "@phosphor-icons/react";
|
||||
import { CloudSunIcon, MoonIcon, SunIcon } from "@phosphor-icons/react";
|
||||
import { useTheme } from "@reactive-resume/hooks";
|
||||
import { Button } from "@reactive-resume/ui";
|
||||
import type { Variants } from "framer-motion";
|
||||
@ -25,9 +25,9 @@ export const ThemeSwitch = ({ size = 20, className }: Props) => {
|
||||
<Button size="icon" variant="ghost" className={className} onClick={toggleTheme}>
|
||||
<div className="cursor-pointer overflow-hidden" style={{ width: size, height: size }}>
|
||||
<motion.div animate={theme} variants={variants} className="flex">
|
||||
<Sun size={size} className="shrink-0" />
|
||||
<CloudSun size={size} className="shrink-0" />
|
||||
<Moon size={size} className="shrink-0" />
|
||||
<SunIcon size={size} className="shrink-0" />
|
||||
<CloudSunIcon size={size} className="shrink-0" />
|
||||
<MoonIcon size={size} className="shrink-0" />
|
||||
</motion.div>
|
||||
</div>
|
||||
</Button>
|
||||
|
||||
Reference in New Issue
Block a user