From 07ce50cbab2432de943580cbc9dcbd5875ea6f68 Mon Sep 17 00:00:00 2001
From: Ilango <rajagopalilango@gmail.com>
Date: Tue, 27 Feb 2024 10:32:59 +0530
Subject: [PATCH] Add a button to clear all the links

---
 .../dialog/ManageScrapedLinksDialog.js        | 23 +++++++++++++++++--
 1 file changed, 21 insertions(+), 2 deletions(-)

diff --git a/packages/ui/src/ui-component/dialog/ManageScrapedLinksDialog.js b/packages/ui/src/ui-component/dialog/ManageScrapedLinksDialog.js
index a41995040..25efd9b6e 100644
--- a/packages/ui/src/ui-component/dialog/ManageScrapedLinksDialog.js
+++ b/packages/ui/src/ui-component/dialog/ManageScrapedLinksDialog.js
@@ -16,7 +16,7 @@ import {
     Stack,
     Typography
 } from '@mui/material'
-import { IconTrash, IconX } from '@tabler/icons'
+import { IconEraser, IconTrash, IconX } from '@tabler/icons'
 import PerfectScrollbar from 'react-perfect-scrollbar'
 
 import { BackdropLoader } from 'ui-component/loading/BackdropLoader'
@@ -113,6 +113,10 @@ const ManageScrapedLinksDialog = ({ show, dialogProps, onCancel, onSave }) => {
         setSelectedLinks(links)
     }
 
+    const handleRemoveAllLinks = () => {
+        setSelectedLinks([])
+    }
+
     const handleSaveLinks = () => {
         onSave(url, selectedLinks)
     }
@@ -145,6 +149,7 @@ const ManageScrapedLinksDialog = ({ show, dialogProps, onCancel, onSave }) => {
                             />
                         </FormControl>
                         <Button
+                            disabled={!url}
                             sx={{ borderRadius: '12px', mt: 1, display: 'flex', flexShrink: 0 }}
                             size='small'
                             variant='contained'
@@ -154,7 +159,21 @@ const ManageScrapedLinksDialog = ({ show, dialogProps, onCancel, onSave }) => {
                         </Button>
                     </Stack>
                 </Box>
-                <Typography sx={{ mb: 2, fontWeight: 500 }}>Scraped Links</Typography>
+                <Box sx={{ display: 'flex', alignItems: 'center', justifyContent: 'space-between', mb: 1.5 }}>
+                    <Typography sx={{ fontWeight: 500 }}>Scraped Links</Typography>
+                    {selectedLinks.length > 0 ? (
+                        <StyledButton
+                            sx={{ height: 'max-content', width: 'max-content' }}
+                            variant='outlined'
+                            color='error'
+                            title='Clear All Links'
+                            onClick={handleRemoveAllLinks}
+                            startIcon={<IconEraser />}
+                        >
+                            Clear All
+                        </StyledButton>
+                    ) : null}
+                </Box>
                 <>
                     {loading && <BackdropLoader open={loading} />}
                     {selectedLinks.length > 0 ? (