fix: share is not working issue

Signed-off-by: Amit Amrutiya <amitamrutiya2210@gmail.com>

Author: amitamrutiya

src/custom/ShareModal/ShareModal.tsx

@@ -167,7 +167,6 @@ const ShareModal: React.FC<ShareModalProps> = ({
   handleShare,
   hostURL = null,
   handleCopy,
-
   isVisibilitySelectorDisabled = false,
   fetchSuggestions
 }: ShareModalProps): JSX.Element => {
@@ -221,7 +220,6 @@ const ShareModal: React.FC<ShareModalProps> = ({
       setOption(selectedResource?.visibility);
     }
   }, [selectedResource]);
-
   return (
     <div style={{ marginBottom: '1rem' }}>
       <Modal
@@ -257,12 +255,14 @@ const ShareModal: React.FC<ShareModalProps> = ({
                         <PublicIcon
                           width={24}
                           height={24}
+                          fill={theme.palette.icon.default}
                           stroke={theme.palette.mode === 'dark' ? WHITE : BLACK}
                         />
                       ) : (
                         <LockIcon
                           width={24}
                           height={24}
+                          fill={theme.palette.icon.default}
                           stroke={theme.palette.mode === 'dark' ? WHITE : BLACK}
                         />
                       )}
@@ -289,7 +289,13 @@ const ShareModal: React.FC<ShareModalProps> = ({
                           </MenuItem>
                         ))}
                       </CustomSelect>
-                      <Typography component="span" variant="body2">
+                      <Typography
+                        sx={{
+                          color: theme.palette.text.secondary
+                        }}
+                        component="span"
+                        variant="body2"
+                      >
                         {selectedOption === SHARE_MODE.PRIVATE ? options.PRIVATE : options.PUBLIC}
                       </Typography>
                     </div>

src/custom/UserSearchField/UserSearchField.tsx

@@ -1,5 +1,6 @@
 import Autocomplete from '@mui/material/Autocomplete';
 import CircularProgress from '@mui/material/CircularProgress';
+import { debounce } from 'lodash';
 import React, { useState } from 'react';
 import { Avatar, Box, Chip, Grid, TextField, Tooltip, Typography } from '../../base';
 import { iconSmall } from '../../constants/iconsSizes';
@@ -88,21 +89,22 @@ const UserShareSearch: React.FC<UserSearchFieldProps> = ({
     }
   };
 
-  const handleInputChange = (_event: React.SyntheticEvent<Element, Event>, value: string) => {
-    if (value === '') {
-      setOptions([]);
-      setOpen(false);
-    } else {
-      setSearchUserLoading(true);
-      fetchSuggestions(value).then((filteredData) => {
-        setOptions(filteredData);
+  const handleInputChange = debounce(
+    async (_event: React.SyntheticEvent<Element, Event>, value: string) => {
+      if (value === '') {
+        setOptions([]);
+        setOpen(false);
+      } else {
+        setSearchUserLoading(true);
+        const suggestions = await fetchSuggestions(value);
+        setOptions(suggestions);
         setSearchUserLoading(false);
-      });
-      setError(false);
-      setOpen(true);
-    }
-  };
-
+        setError(false);
+        setOpen(true);
+      }
+    },
+    300
+  );
   /**
    * Clone customUsersList component to pass necessary props
    */