diff --git a/src/app/[locale]/solves-experimental/page.tsx b/src/app/[locale]/solves-experimental/page.tsx index 383a720d..dae188d2 100644 --- a/src/app/[locale]/solves-experimental/page.tsx +++ b/src/app/[locale]/solves-experimental/page.tsx @@ -78,22 +78,15 @@ export default function Page() { Session All - - - - Options - - + + + + - Change your password here. diff --git a/src/components/scramble-display/ScrambleDisplay.tsx b/src/components/scramble-display/ScrambleDisplay.tsx index 6f70ca37..2059c907 100644 --- a/src/components/scramble-display/ScrambleDisplay.tsx +++ b/src/components/scramble-display/ScrambleDisplay.tsx @@ -8,6 +8,7 @@ interface ScrambleDisplay extends React.HTMLAttributes { show: boolean; scramble: string | null; event: Categories; + visualization?: "2D" | "3D"; } export default function ScrambleDisplay({ @@ -15,6 +16,7 @@ export default function ScrambleDisplay({ scramble, event, className, + visualization = "2D", ...rest }: ScrambleDisplay) { useEffect(() => { @@ -31,7 +33,7 @@ export default function ScrambleDisplay({ hintFacelets: "none", background: "none", controlPanel: "none", - visualization: "2D", + visualization: visualization, }); document.querySelector("#scramble-display")?.appendChild(player); @@ -42,7 +44,7 @@ export default function ScrambleDisplay({ twistyPlayerElement.style.maxWidth = "100%"; twistyPlayerElement.style.minHeight = "100%"; } - }, [show, event, scramble]); + }, [show, event, scramble, visualization]); return ( <> diff --git a/src/components/sheets/sheet-solve-details/SheetSolveDetails.tsx b/src/components/sheets/sheet-solve-details/SheetSolveDetails.tsx index eae6d5f1..87596ece 100644 --- a/src/components/sheets/sheet-solve-details/SheetSolveDetails.tsx +++ b/src/components/sheets/sheet-solve-details/SheetSolveDetails.tsx @@ -47,13 +47,11 @@ export default function SheetSolveDetails() { scramble={solve?.scramble || ""} event={selectedCube?.category || "3x3"} className="h-40" + visualization="3D" />

- {formatTime(solve?.time || 0)}{" "} - - Pb - + {formatTime(solve?.time || 0)}

{/* comment */} diff --git a/src/components/solves/SolvesArea.tsx b/src/components/solves/SolvesArea.tsx index 94d0ccd2..b04c9cfc 100644 --- a/src/components/solves/SolvesArea.tsx +++ b/src/components/solves/SolvesArea.tsx @@ -10,16 +10,14 @@ import { ChatBubbleBottomCenterTextIcon, StarIcon, } from "@heroicons/react/24/solid"; -import { SolveTab } from "@/interfaces/types/SolveTabs"; import { Card } from "../ui/card"; import { useDialogSolve } from "@/store/DialogSolve"; interface SolvesArea { displaySolves: Solve[] | null; - currentTab: SolveTab; } -export function SolvesArea({ displaySolves, currentTab }: SolvesArea) { +export function SolvesArea({ displaySolves }: SolvesArea) { const { handleOpenDialogSolve } = useDialogSolve(); const { selectedCube } = useTimerStore(); const t = useTranslations("Index.SolvesPage");