eny.space Landingpage
refactor(logo-bar): shuffle atmosphere items
+9
-1
+9
-1
app/components/logo-bar/logo-bar.tsx
+9
-1
app/components/logo-bar/logo-bar.tsx
···
1
+
"use client";
2
+
3
+
import { useMemo } from "react";
1
4
import Link from "next/link";
2
5
import { Paragraph } from "@/components/paragraph";
3
6
···
141
144
}
142
145
143
146
function LogoBarScroll() {
147
+
const shuffled = useMemo(
148
+
() => [...ATMOSPHERE_APPS].sort(() => Math.random() - 0.5),
149
+
[],
150
+
);
151
+
144
152
return (
145
153
<div className="relative w-full overflow-hidden py-8 [mask-image:linear-gradient(to_right,transparent,black_12%,black_88%,transparent)]">
146
154
<div className="flex w-max animate-marquee items-center [transform:translateZ(0)]">
···
149
157
key={blockId}
150
158
className="flex shrink-0 items-center gap-16 whitespace-nowrap"
151
159
>
152
-
{ATMOSPHERE_APPS.map((item, i) => (
160
+
{shuffled.map((item, i) => (
153
161
<LogoBarItem key={`${blockId}-${i}`} item={item} />
154
162
))}
155
163
<span className="w-16 shrink-0" aria-hidden />