Styling stuff will add multilingual support

2024-06-29 15:49:24 +02:00
parent cc336b87d2
commit c4b63248e9
1 changed files with 3 additions and 4 deletions
@@ -257,12 +257,12 @@ export default function Component() {
        </div>
        <div className="flex mt-10 space-x-4">
          <Button onClick={startAnimation}>Start</Button>
-          <Button onClick={pauseAnimation} variant="outline" a>Pause</Button>
+          <Button onClick={pauseAnimation} variant="outline">Pause</Button>
          <Button onClick={resetAnimation}>Reset</Button>
          <Button onClick={shuffleArray}>Shuffle</Button>
          <DropdownMenu>
-            <DropdownMenuTrigger>
-              {currentAlgorithm.charAt(0).toUpperCase() + currentAlgorithm.slice(1)} Sort
+            <DropdownMenuTrigger asChild>
+              <Button>{currentAlgorithm.charAt(0).toUpperCase() + currentAlgorithm.slice(1)} Sort</Button>
            </DropdownMenuTrigger>
            <DropdownMenuContent>
              <DropdownMenuRadioGroup
@@ -326,4 +326,3 @@ function ArrowUpDownIcon(props) {
      </svg>
  )
 }
-