refactor(AdjustToneButton.jsx): replace svg icon with lucide-react Settings2 icon

This commit is contained in:
Daniel Avila 2023-04-08 08:37:44 -04:00
parent 92c1bb6511
commit 0f62be812a

View file

@ -1,4 +1,5 @@
import React from 'react';
import { Settings2 } from 'lucide-react';
export default function AdjustButton({ onClick }) {
const clickHandler = e => {
e.preventDefault();
@ -10,22 +11,7 @@ export default function AdjustButton({ onClick }) {
className="group absolute bottom-11 right-0 flex h-[100%] w-[50px] items-center justify-center bg-transparent p-1 text-gray-500 lg:bottom-0 lg:-right-11"
>
<div className="m-1 mr-0 rounded-md p-2 pt-[10px] pb-[10px] group-hover:bg-gray-100 group-disabled:hover:bg-transparent dark:group-hover:bg-gray-900 dark:group-hover:text-gray-400 dark:group-disabled:hover:bg-transparent">
<svg
xmlns="http://www.w3.org/2000/svg"
fill="none"
viewBox="0 0 24 24"
height="1em"
width="1em"
strokeWidth="2"
stroke="currentColor"
className="mr-1 h-4 w-4"
>
<path
strokeLinecap="round"
strokeLinejoin="round"
d="M10.5 6h9.75M10.5 6a1.5 1.5 0 11-3 0m3 0a1.5 1.5 0 10-3 0M3.75 6H7.5m3 12h9.75m-9.75 0a1.5 1.5 0 01-3 0m3 0a1.5 1.5 0 00-3 0m-3.75 0H7.5m9-6h3.75m-3.75 0a1.5 1.5 0 01-3 0m3 0a1.5 1.5 0 00-3 0m-9.75 0h9.75"
/>
</svg>
<Settings2 size="1em" />
</div>
</button>
);