add SVG

resources/js/components/Tracker.tsx

@@ -1,6 +1,7 @@
 import React, {useEffect, useState} from "react"
 import useTracker from "../hooks/TraskerHook"
 import {Link} from "react-router-dom";
+import {StopSVG} from "./SVG";
 
 const Tracker = () => {
 
@@ -29,11 +30,13 @@ const Tracker = () => {
     return <div>
         {currentTimeTracker
             ? <div className="flex gap-2">
-                <Link to={`/todos/${currentTimeTracker.to_do.id}`}>
+                <Link to={`/todos/${currentTimeTracker.to_do.id}`} className="font-bold">
                     {currentTimeTracker.to_do.name}
                 </Link>
                 <span>{timer}</span>
-                <button onClick={stopCurrentTimeTrack}>Stop</button>
+                <button onClick={stopCurrentTimeTrack} className="flex items-center">
+                    <StopSVG className="w-6" />
+                </button>
             </div>
             : <div>--:--</div>
         }