Cutlery/moodist
1
0
Fork 0
mirror of https://github.com/remvze/moodist.git synced 2025-11-20 21:43:07 -05:00
Code Issues Packages Projects Releases Wiki Activity

refactor: rename component

Browse Source
This commit is contained in:
MAZE 2023-10-29 18:16:38 +03:30
parent c637e2d631
commit f5cdb8c06b
5 changed files with 6 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

0
src/components/sound/like/like.module.css → src/components/sound/favorite/favorite.module.css
View File

6
src/components/sound/like/like.tsx → src/components/sound/favorite/favorite.tsx
View File

@ -5,13 +5,13 @@ import { useSoundStore } from '@/store';
import { cn } from '@/helpers/styles'; import { cn } from '@/helpers/styles';
import { fade } from '@/lib/motion'; import { fade } from '@/lib/motion';
import styles from './like.module.css'; import styles from './favorite.module.css';
interface LikeProps { interface FavoriteProps {
id: string; id: string;
} }
export function Like({ id }: LikeProps) { export function Favorite({ id }: FavoriteProps) {
const isFavorite = useSoundStore(state => state.sounds[id].isFavorite); const isFavorite = useSoundStore(state => state.sounds[id].isFavorite);
const toggleFavorite = useSoundStore(state => state.toggleFavorite); const toggleFavorite = useSoundStore(state => state.toggleFavorite);

1
src/components/sound/favorite/index.ts Normal file
View File

@ -0,0 +1 @@
export { Favorite } from './favorite';

1
src/components/sound/like/index.ts
View File

@ -1 +0,0 @@
export { Like } from './like';

4
src/components/sound/sound.tsx
View File

@ -1,7 +1,7 @@
import { useCallback, useEffect } from 'react'; import { useCallback, useEffect } from 'react';
import { Range } from './range'; import { Range } from './range';
import { Like } from './like'; import { Favorite } from './favorite';
import { useSound } from '@/hooks/use-sound'; import { useSound } from '@/hooks/use-sound';
import { useSoundStore } from '@/store'; import { useSoundStore } from '@/store';
@ -77,7 +77,7 @@ export function Sound({
onClick={toggle} onClick={toggle}
onKeyDown={toggle} onKeyDown={toggle}
> >
<Like id={id} /> <Favorite id={id} />
<div className={styles.icon}>{icon}</div> <div className={styles.icon}>{icon}</div>
<h3 id={id}>{label}</h3> <h3 id={id}>{label}</h3>
<Range id={id} /> <Range id={id} />