geoffsee/open-gsio
1
0
Fork 0
mirror of https://github.com/geoffsee/open-gsio.git synced 2025-09-08 22:56:46 +00:00
Code Issues Packages Projects Releases Wiki Activity

Add visible prop to toggle components and simplify conditional rendering

Browse Source
This commit is contained in:
geoffsee
2025-07-01 15:43:17 -04:00
parent a996f115bc
commit 195d071c3c
4 changed files with 57 additions and 49 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
packages/client/src/components/landing-component/LandingComponent.tsx
View File

@@ -34,7 +34,7 @@ export const LandingComponent: React.FC = () => {
<Tweakbox
sliders={{
speed: {
value: speed,
value: !particles ? speed : 0.99,
onChange: setSpeed,
label: 'Animation Speed',
min: 0.01,
@@ -43,7 +43,7 @@ export const LandingComponent: React.FC = () => {
ariaLabel: 'animation-speed',
},
intensity: {
value: intensity,
value: !particles ? intensity : 0.99,
onChange: setIntensity,
label: 'Effect Intensity',
min: 0.01,
@@ -94,9 +94,9 @@ export const LandingComponent: React.FC = () => {
}}
/>
</Box>
{!particles && !matrixRain && <BevyScene speed={speed} intensity={intensity} glow={glow} />}
{!particles && matrixRain && <MatrixRain speed={speed} intensity={intensity} glow={glow} />}
{particles && <Particles particles glow speed={speed} intensity={intensity} />}
<BevyScene speed={speed} intensity={intensity} glow={glow} visible={bevyScene} />
<MatrixRain speed={speed} intensity={intensity} glow={glow} visible={matrixRain} />
<Particles glow speed={speed} intensity={intensity} visible={particles} />
</Box>
);
};