diff --git a/src/pages/Root.css b/src/pages/Root.css index 46e56de..aef94f1 100644 --- a/src/pages/Root.css +++ b/src/pages/Root.css @@ -14,3 +14,7 @@ z-index: 9; } +.profile { + width: 256px; + background-color: transparent; +} \ No newline at end of file diff --git a/src/pages/Root.tsx b/src/pages/Root.tsx index 527962c..1a5b503 100644 --- a/src/pages/Root.tsx +++ b/src/pages/Root.tsx @@ -1,29 +1,42 @@ import { useEffect, useState, useMemo } from 'react'; +import { useLocation } from 'react-router-dom'; import './Root.css'; import Help from '../component/help'; function Root() { - + const location = useLocation(); const name: string[] = useMemo(() => ['imnyang', '아임냥', '암냥', '임냥', '@not.furry_', '@imnyang', '@mahiro_me'], []); const [nameIndex, setNameIndex] = useState(0); + const [imageSrc, setImageSrc] = useState('https://f.imnyang.xyz/profile/imnyang.webp'); + useEffect(() => { - const handleKeyDown = (event: KeyboardEvent) => { - // 단일 키 입력 감지 - console.log(`Key: ${event.key} with keycode ${event.keyCode} has been pressed`); - if (event.key === 'l') { - console.log('Change My Name'); - setNameIndex((prevIndex) => (prevIndex + 1) % name.length); - } - }; - - document.addEventListener('keydown', handleKeyDown); - - return () => { - document.removeEventListener('keydown', handleKeyDown); - }; - }, [name.length, name]); + const queryParams = new URLSearchParams(location.search); + if (queryParams.has('kawaii')) { + setImageSrc('https://f.imnyang.xyz/profile/magic_imnyang.webp'); + } else { + setImageSrc('https://f.imnyang.xyz/profile/imnyang.webp'); + } + }, [location.search]); + + useEffect(() => { + const handleKeyDown = (event: KeyboardEvent) => { + console.log(`Key: ${event.key} with keycode ${event.keyCode} has been pressed`); + if (event.key === 'l') { + console.log('Change My Name'); + setNameIndex((prevIndex) => (prevIndex + 1) % name.length); + } + }; + + document.addEventListener('keydown', handleKeyDown); + + return () => { + document.removeEventListener('keydown', handleKeyDown); + }; + }, [name.length, name]); + return (