UI update

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,6 +51,7 @@ export function SongSlider() {
                     <p className="text-sm opacity-50">Current speed</p>
                     <p>{speed}x</p>
                 </div>
+                <div className="flex items-center w-full">
                     <Slider
                         step={0.1}
                         min={0.1}
@@ -60,6 +61,17 @@ export function SongSlider() {
                             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">