From f9cb08dd54e1564eaa033284314546abb8449b4f Mon Sep 17 00:00:00 2001
From: nikhilnishadoo7 <rrnrrn007@gmail.com>
Date: Sun, 30 Jun 2024 01:53:26 +0530
Subject: [PATCH] FEAT/adding-cursor

---
 .../components/About/Home/SectionFirst.jsx    |  2 +-
 client/src/components/Home/SectionFirst.jsx   | 67 +++++++++++++------
 package-lock.json                             | 52 ++++----------
 3 files changed, 60 insertions(+), 61 deletions(-)

diff --git a/client/src/components/About/Home/SectionFirst.jsx b/client/src/components/About/Home/SectionFirst.jsx
index c44128f..9944d4f 100644
--- a/client/src/components/About/Home/SectionFirst.jsx
+++ b/client/src/components/About/Home/SectionFirst.jsx
@@ -31,7 +31,7 @@ const SectionFirst = () => {
                         <TextField
                             variant="outlined"
                             placeholder="Search job title"
-                            sx={{ flex: 1, marginRight: 2, '& .MuiOutlinedInput-root': { borderRadius: '20px', background: 'white', color: 'black' } }}
+                            sx={{ flex: 1, marginRight: 2, cursor:'pointer', '& .MuiOutlinedInput-root': { borderRadius: '20px', background: 'white', color: 'black'} }}
                         />
                         <TextField
                             variant="outlined"
diff --git a/client/src/components/Home/SectionFirst.jsx b/client/src/components/Home/SectionFirst.jsx
index 41211bb..b4b09f5 100644
--- a/client/src/components/Home/SectionFirst.jsx
+++ b/client/src/components/Home/SectionFirst.jsx
@@ -27,27 +27,54 @@ const SectionFirst = () => {
                     <Typography variant="h6" sx={{ color: 'gray', marginTop: 2 }}>
                         Search your career opportunity through 12,000 yours
                     </Typography>
+
                     <Box sx={{ display: 'flex', alignItems: 'center', marginTop: 4 }}>
-                        <TextField
-                            variant="outlined"
-                            placeholder="Search job title"
-                            sx={{ flex: 1, marginRight: 2, '& .MuiOutlinedInput-root': { borderRadius: '20px', background: 'white', color: 'black' } }}
-                        />
-                        <TextField
-                            variant="outlined"
-                            placeholder="Location"
-                            sx={{ flex: 1, '& .MuiOutlinedInput-root': { borderRadius: '20px', background: 'white', color: 'black' }}}
-                            InputProps={{
-                                endAdornment: (
-                                    <InputAdornment position="end">
-                                        <IconButton sx={{ bgcolor: 'orange', borderRadius: '20px', color: 'white' }}>
-                                            <SearchIcon />
-                                        </IconButton>
-                                    </InputAdornment>
-                                ),
-                            }}
-                        />
-                    </Box>
+    <TextField
+        variant="outlined"
+        placeholder="Search job title"
+        sx={{
+            flex: 1,
+            marginRight: 2,
+            '& .MuiOutlinedInput-root': {
+                borderRadius: '20px',
+                background: 'white',
+                color: 'black',
+                cursor: 'pointer'
+            },
+            '& .MuiInputBase-input': {
+                cursor: 'pointer'
+            }
+        }}
+    />
+    <TextField
+        variant="outlined"
+        placeholder="Location"
+        sx={{
+            flex: 1,
+            '& .MuiOutlinedInput-root': {
+                borderRadius: '20px',
+                background: 'white',
+                color: 'black',
+                cursor: 'pointer'
+            },
+            '& .MuiInputBase-input': {
+                cursor: 'pointer'
+            }
+        }}
+        InputProps={{
+            endAdornment: (
+                <InputAdornment position="end">
+                    <IconButton sx={{ bgcolor: 'orange', borderRadius: '20px', color: 'white', cursor: 'pointer' }}>
+                        <SearchIcon />
+                    </IconButton>
+                </InputAdornment>
+            ),
+        }}
+    />
+</Box>
+
+
+
                     <List sx={{ marginTop: 4 }}>
                         <ListItem>
                             <ListItemIcon>
diff --git a/package-lock.json b/package-lock.json
index 6d9708d..36db95d 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,13 +1,12 @@
 {
-  "name": "Kaam-Do-opensource",
+  "name": "Kaam-Do",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
       "dependencies": {
-
-        "react-slick": "^0.30.2",
-        "slick-carousel": "^1.8.1"
+        "react-icons": "^5.2.1",
+        "react-slick": "^0.30.2"
       }
     },
     "node_modules/classnames": {
@@ -20,24 +19,12 @@
       "resolved": "https://registry.npmjs.org/enquire.js/-/enquire.js-2.1.6.tgz",
       "integrity": "sha512-/KujNpO+PT63F7Hlpu4h3pE3TokKRHN26JYmQpPyjkRD/N57R7bPDNojMXdi7uveAKjYB7yQnartCxZnFWr0Xw=="
     },
-    "node_modules/jquery": {
-      "version": "3.7.1",
-      "resolved": "https://registry.npmjs.org/jquery/-/jquery-3.7.1.tgz",
-      "integrity": "sha512-m4avr8yL8kmFN8psrbFFFmB/If14iN5o9nw/NgnnM+kybDJpRsAynV2BsfpTYrTRysYUdADVD7CkUUizgkpLfg==",
-      "peer": true
-    },
-
-        "react-icons": "^5.2.1"
-      }
-    },
-
     "node_modules/js-tokens": {
       "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/js-tokens/-/js-tokens-4.0.0.tgz",
       "integrity": "sha512-RdJUflcE3cUzKiMqQgsCu06FPu9UdIJO0beYbPhHN4k6apgJtifcoCtT9bcxOpYBtpD2kCM6Sbzg4CausW/PKQ==",
       "peer": true
     },
-
     "node_modules/json2mq": {
       "version": "0.2.0",
       "resolved": "https://registry.npmjs.org/json2mq/-/json2mq-0.2.0.tgz",
@@ -51,7 +38,6 @@
       "resolved": "https://registry.npmjs.org/lodash.debounce/-/lodash.debounce-4.0.8.tgz",
       "integrity": "sha512-FT1yDzDYEoYWhnSGnpE/4Kj1fLZkDFyqRb7fNt6FdYOSxlUWAtp42Eh6Wb0rGIv/m9Bgo7x4GhQbm5Ys4SG5ow=="
     },
-
     "node_modules/loose-envify": {
       "version": "1.4.0",
       "resolved": "https://registry.npmjs.org/loose-envify/-/loose-envify-1.4.0.tgz",
@@ -76,7 +62,6 @@
         "node": ">=0.10.0"
       }
     },
-
     "node_modules/react-dom": {
       "version": "18.3.1",
       "resolved": "https://registry.npmjs.org/react-dom/-/react-dom-18.3.1.tgz",
@@ -90,6 +75,14 @@
         "react": "^18.3.1"
       }
     },
+    "node_modules/react-icons": {
+      "version": "5.2.1",
+      "resolved": "https://registry.npmjs.org/react-icons/-/react-icons-5.2.1.tgz",
+      "integrity": "sha512-zdbW5GstTzXaVKvGSyTaBalt7HSfuK5ovrzlpyiWHAFXndXTdd/1hdDHI4xBM1Mn7YriT6aqESucFl9kEXzrdw==",
+      "peerDependencies": {
+        "react": "*"
+      }
+    },
     "node_modules/react-slick": {
       "version": "0.30.2",
       "resolved": "https://registry.npmjs.org/react-slick/-/react-slick-0.30.2.tgz",
@@ -120,31 +113,10 @@
         "loose-envify": "^1.1.0"
       }
     },
-    "node_modules/slick-carousel": {
-      "version": "1.8.1",
-      "resolved": "https://registry.npmjs.org/slick-carousel/-/slick-carousel-1.8.1.tgz",
-      "integrity": "sha512-XB9Ftrf2EEKfzoQXt3Nitrt/IPbT+f1fgqBdoxO3W/+JYvtEOW6EgxnWfr9GH6nmULv7Y2tPmEX3koxThVmebA==",
-      "peerDependencies": {
-        "jquery": ">=1.8.0"
-      }
-    },
     "node_modules/string-convert": {
       "version": "0.2.1",
       "resolved": "https://registry.npmjs.org/string-convert/-/string-convert-0.2.1.tgz",
       "integrity": "sha512-u/1tdPl4yQnPBjnVrmdLo9gtuLvELKsAoRapekWggdiQNvvvum+jYF329d84NAa660KQw7pB2n36KrIKVoXa3A=="
     }
   }
-
-    "node_modules/react-icons": {
-      "version": "5.2.1",
-      "resolved": "https://registry.npmjs.org/react-icons/-/react-icons-5.2.1.tgz",
-      "integrity": "sha512-zdbW5GstTzXaVKvGSyTaBalt7HSfuK5ovrzlpyiWHAFXndXTdd/1hdDHI4xBM1Mn7YriT6aqESucFl9kEXzrdw==",
-      "peerDependencies": {
-        "react": "*"
-      }
-    }
-  }
-
-  "packages": {}
-
-
+}