add SVG

resources/js/components/toDos/ToDoFinish.tsx

@@ -1,6 +1,7 @@
 import React, {FC, useEffect, useState} from "react"
 import useAxiosTools from "../../hooks/AxiosTools";
 import {toDo} from "../../utilities/types";
+import {PlaySVG} from "../SVG";
 
 const ToDoFinish: FC<ToDoFinishProps>  = ({reload}) => {
 
@@ -35,10 +36,10 @@ const ToDoFinish: FC<ToDoFinishProps>  = ({reload}) => {
     }
 
     return <div>
-        <button className="flex justify-between w-full bg-blue-700 px-2 py-1 rounded cursor-pointer"
+        <button className="flex justify-between items-center w-full bg-blue-700 px-2 py-1 rounded cursor-pointer"
                 onClick={handleShow}>
             <h2 className="inline">Tâches terminées</h2>
-            <span>Show</span>
+            <span><PlaySVG className={`w-4 transition ${showTodos ? 'rotate-90' : 'rotate-180'}`} /></span>
         </button>
 
         {errorLabel()}