From 06bc728b22fb0cc11a49024b83ee4780c144ed6e Mon Sep 17 00:00:00 2001
From: wadjih-bencheikh18 <jw_bencheikh@esi.dz>
Date: Wed, 23 Aug 2023 17:55:41 +0100
Subject: [PATCH] refactor: PreferencesToolbar using react-science

---
 src/components/roi/ROIEditPreference.tsx | 18 ++----------------
 1 file changed, 2 insertions(+), 16 deletions(-)

diff --git a/src/components/roi/ROIEditPreference.tsx b/src/components/roi/ROIEditPreference.tsx
index 80f324a..89fe6db 100644
--- a/src/components/roi/ROIEditPreference.tsx
+++ b/src/components/roi/ROIEditPreference.tsx
@@ -5,6 +5,7 @@ import { FaCheck, FaTimes } from 'react-icons/fa';
 import {
   Checkbox,
   ColorPickerDropdown,
+  PanelPreferencesToolbar,
   Table,
   Toolbar,
   ValueRenderers,
@@ -117,22 +118,7 @@ function ROIEditPreference() {
 
   return (
     <>
-      <Toolbar orientation="horizontal">
-        <Toolbar.Item
-          title="Save"
-          titleOrientation="horizontal"
-          onClick={handleSave}
-        >
-          <FaCheck color="green" />
-        </Toolbar.Item>
-        <Toolbar.Item
-          title="Cancel"
-          titleOrientation="horizontal"
-          onClick={handleCancel}
-        >
-          <FaTimes color="red" />
-        </Toolbar.Item>
-      </Toolbar>
+      <PanelPreferencesToolbar onClose={handleCancel} onSave={handleSave} />
       <PaddedContent>
         <EditGroup>
           <RoiEditTitle>Shown columns</RoiEditTitle>