fix: make action buttons variant contained

lifinance · Oct 7, 2022 · 74eb1c6 · 74eb1c6
1 parent 5b88a93
commit 74eb1c6
Show file tree

Hide file tree

Showing 4 changed files with 12 additions and 4 deletions.
diff --git a/packages/widget/src/pages/ActiveSwapsPage/ActiveSwapsPage.tsx b/packages/widget/src/pages/ActiveSwapsPage/ActiveSwapsPage.tsx
@@ -65,7 +65,11 @@ export const ActiveSwapsPage = () => {
         </DialogContent>
         <DialogActions>
           <Button onClick={toggleDialog}>{t('button.cancel')}</Button>
-          <Button onClick={() => deleteRoutes('active')} autoFocus>
+          <Button
+            variant="contained"
+            onClick={() => deleteRoutes('active')}
+            autoFocus
+          >
             {t('button.delete')}
           </Button>
         </DialogActions>

diff --git a/packages/widget/src/pages/SelectWalletPage/SelectWalletPage.tsx b/packages/widget/src/pages/SelectWalletPage/SelectWalletPage.tsx
@@ -87,7 +87,7 @@ export const SelectWalletPage = () => {
           </DialogContentText>
         </DialogContent>
         <DialogActions>
-          <Button onClick={closeDialog} autoFocus>
+          <Button variant="contained" onClick={closeDialog} autoFocus>
             {t('button.ok')}
           </Button>
         </DialogActions>

diff --git a/packages/widget/src/pages/SwapDetailsPage/SwapDetailsPage.tsx b/packages/widget/src/pages/SwapDetailsPage/SwapDetailsPage.tsx
@@ -150,7 +150,7 @@ export const SwapDetailsPage: React.FC = () => {
         </DialogContent>
         <DialogActions>
           <Button onClick={toggleDialog}>{t('button.cancel')}</Button>
-          <Button onClick={handleDeleteRoute} autoFocus>
+          <Button variant="contained" onClick={handleDeleteRoute} autoFocus>
             {t('button.delete')}
           </Button>
         </DialogActions>

diff --git a/packages/widget/src/pages/SwapHistoryPage/SwapHistoryPage.tsx b/packages/widget/src/pages/SwapHistoryPage/SwapHistoryPage.tsx
@@ -65,7 +65,11 @@ export const SwapHistoryPage: React.FC = () => {
         </DialogContent>
         <DialogActions>
           <Button onClick={toggleDialog}>{t('button.cancel')}</Button>
-          <Button onClick={() => deleteRoutes('completed')} autoFocus>
+          <Button
+            variant="contained"
+            onClick={() => deleteRoutes('completed')}
+            autoFocus
+          >
             {t('button.delete')}
           </Button>
         </DialogActions>