hax/moodist
1
0
Fork 0
mirror of https://github.com/remvze/moodist.git synced 2025-12-17 08:54:13 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

fix: make sound count dynamic

Browse source
This commit is contained in:
MAZE 2023-12-07 20:49:50 +03:30
parent eed5a1329d
commit 79458bba54
1 changed files with 5 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
src/components/sections/why/why.tsx
View file

@ -1,3 +1,4 @@
import { useMemo } from 'react';
import { BiMoney, BiUserCircle, BiLogoGithub } from 'react-icons/bi/index'; import { BiMoney, BiUserCircle, BiLogoGithub } from 'react-icons/bi/index';
import { BsSoundwave, BsStars } from 'react-icons/bs/index'; import { BsSoundwave, BsStars } from 'react-icons/bs/index';
import { RxMixerHorizontal } from 'react-icons/rx/index'; import { RxMixerHorizontal } from 'react-icons/rx/index';
@ -5,10 +6,13 @@ import { RxMixerHorizontal } from 'react-icons/rx/index';
import { Balancer } from 'react-wrap-balancer'; import { Balancer } from 'react-wrap-balancer';
import { Container } from '@/components/container'; import { Container } from '@/components/container';
import { count as soundCount } from '@/lib/sounds';
import styles from './why.module.css'; import styles from './why.module.css';
export function Why() { export function Why() {
const count = useMemo(soundCount, []);
const reasons = [ const reasons = [
{ {
body: "Immerse yourself in Moodist's ambient world without spending a dime. All features are accessible to everyone, ensuring a cost-free auditory journey.", body: "Immerse yourself in Moodist's ambient world without spending a dime. All features are accessible to everyone, ensuring a cost-free auditory journey.",
@ -23,7 +27,7 @@ export function Why() {
label: 'No Registration', label: 'No Registration',
}, },
{ {
body: 'With a curated collection of 40 sounds, Moodist offers a spectrum of auditory experiences. From the tranquility of nature to the beat of urban life, find the perfect backdrop for your mood.', body: `With a curated collection of ${count} sounds, Moodist offers a spectrum of auditory experiences. From the tranquility of nature to the beat of urban life, find the perfect backdrop for your mood.`,
icon: <BsSoundwave />, icon: <BsSoundwave />,
id: 'diverse-sounds', id: 'diverse-sounds',
label: 'Diverse Sounds', label: 'Diverse Sounds',