refactor: PreferencesToolbar using react-science

zakodium-oss · Aug 23, 2023 · 06bc728 · 06bc728
1 parent 633eee4
commit 06bc728
Showing 1 changed file with 2 additions and 16 deletions.
diff --git 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>