From 905a9877d7ae443ffa08a43c563c94fe0732130f Mon Sep 17 00:00:00 2001
From: "nise.moe" <hey@nise.moe>
Date: Sun, 3 Mar 2024 18:20:42 +0100
Subject: [PATCH] UI update

---
 .../src/interface/composites/song-slider.tsx  | 32 +++++++++++++------
 1 file changed, 22 insertions(+), 10 deletions(-)

diff --git a/nise-replay-viewer/src/interface/composites/song-slider.tsx b/nise-replay-viewer/src/interface/composites/song-slider.tsx
index 0506b62..929a0c8 100644
--- a/nise-replay-viewer/src/interface/composites/song-slider.tsx
+++ b/nise-replay-viewer/src/interface/composites/song-slider.tsx
@@ -3,7 +3,7 @@ import { Card } from "../components/ui/card";
 import { Slider } from "../components/ui/slider";
 import { state } from "@/utils";
 import { Button } from "../components/ui/button";
-import { PauseIcon, PlayIcon } from "lucide-react";
+import {PauseIcon, PlayIcon, RefreshCcwIcon} from "lucide-react";
 import { Checkbox } from "../components/ui/checkbox"
 
 export function SongSlider() {
@@ -51,15 +51,27 @@ export function SongSlider() {
                     <p className="text-sm opacity-50">Current speed</p>
                     <p>{speed}x</p>
                 </div>
-                <Slider
-                    step={0.1}
-                    min={0.1}
-                    max={2}
-                    value={[speed]}
-                    onValueChange={(value: any) => {
-                        OsuRenderer.setSpeed(value[0]);
-                    }}
-                />
+                <div className="flex items-center w-full">
+                    <Slider
+                        step={0.1}
+                        min={0.1}
+                        max={2}
+                        value={[speed]}
+                        onValueChange={(value: any) => {
+                            OsuRenderer.setSpeed(value[0]);
+                        }}
+                    />
+                    <Button
+                        onClick={() => {
+                            OsuRenderer.setSpeed(1)
+                        }}
+                        variant="secondary"
+                        size="sm"
+                        className="ml-2"
+                    >
+                        {playing ? <RefreshCcwIcon/> : <RefreshCcwIcon/>}
+                    </Button>
+                </div>
             </div>
 
             <div className="w-1/4 flex flex-col items-center gap-4">