From 9f5bdd073fa3623eaa0f8ebdef85a7cfa1d081d3 Mon Sep 17 00:00:00 2001
From: hamed musallam <hamed.musallam@gmail.com>
Date: Tue, 5 Mar 2024 11:20:38 +0100
Subject: [PATCH] refactor: spectra calibration buttons

---
 .../panels/multipleAnalysisPanel/AlignSpectra.tsx        | 9 ++-------
 1 file changed, 2 insertions(+), 7 deletions(-)

diff --git a/src/component/panels/multipleAnalysisPanel/AlignSpectra.tsx b/src/component/panels/multipleAnalysisPanel/AlignSpectra.tsx
index b626c2a91..1e62a9bbf 100644
--- a/src/component/panels/multipleAnalysisPanel/AlignSpectra.tsx
+++ b/src/component/panels/multipleAnalysisPanel/AlignSpectra.tsx
@@ -9,7 +9,7 @@ import * as Yup from 'yup';
 import { REFERENCES } from '../../../data/constants/References';
 import { CalibrateOptions } from '../../../data/data1d/Spectrum1D/getReferenceShift';
 import { useDispatch } from '../../context/DispatchContext';
-import Button from '../../elements/Button';
+import ActionButtons from '../../elements/ActionButtons';
 import { InputStyle } from '../../elements/Input';
 import Label, { LabelStyle } from '../../elements/Label';
 import Message from '../../elements/Message';
@@ -202,12 +202,7 @@ function AlignSpectra({ onClose = () => null, nucleus }: AlignSpectraProps) {
               </Label>
             </div>
             <div className="footer">
-              <Button.Done
-                style={{ padding: '5px 14px', fontSize: 14 }}
-                onClick={submitForm}
-              >
-                Done
-              </Button.Done>
+              <ActionButtons onDone={submitForm} onCancel={onClose} />
             </div>
           </>
         )}