Fixed the react-dual-list dependency issue causing build time error

ertush · Jan 9, 2024 · 8baa5ff · 8baa5ff
1 parent 7c66004
commit 8baa5ff
Show file tree

Hide file tree

Showing 5 changed files with 13 additions and 38 deletions.
diff --git a/.eslintrc.json b/.eslintrc.json
diff --git a/components/HeaderLayout.js b/components/HeaderLayout.js
@@ -240,7 +240,7 @@ export default function HeaderLayout({
                groupID == 2 ||
                groupID == 3 ) && isLoggedIn &&
               <li className="flex-wrap font-semibold">
-                <Link href="/users">
+                <Link href="/user">
                   <p
                     className={
                       `

diff --git a/package.json b/package.json
@@ -53,7 +53,7 @@
     "react-csv": "^2.2.2",
     "react-datepicker": "^4.16.0",
     "react-dom": "^18.2.0",
-    "react-dual-listbox": "^6.0.0",
+    "react-dual-listbox": "^5.0.2",
     "react-highcharts": "^16.1.0",
     "react-icons": "^4.10.1",
     "react-leaflet": "^4.2.1",

diff --git a/pages/user/index.js b/pages/user/index.js
@@ -155,18 +155,18 @@ const Users = (props) => {
                         </div>
 
 
-                        <div className='col-span-1 w-full col-start-1 h-auto py-0 border border-blue-600'>
+                        <div className='col-span-1 w-full col-start-1 h-auto py-0 bg-blue-50 shadow-md'>
 
                             <List
                             sx={{ width: '100%', bgcolor: 'transparent', flexGrow:1, paddingTop:0, paddingBottom:0}}
                             component="nav"
                             aria-labelledby="nested-list-subheader"
 
                             >	
-                                <ListItemButton className='border-b border-blue-600' sx={{
+                                <ListItemButton className='border-b border-gray-300' sx={{
                                 backgroundColor: usersTheme && '#2563eb',
                                                 color: usersTheme && '#ffff',
-                                                borderBottom: 'solid 1px #2563eb', 
+                                                borderBottom: 'solid 1px rgba(107, 114, 128, 1)', 
                                                 "&:hover": {
                                                 backgroundColor: "#eff6ff",
                                                 color: "rgba(17, 24, 39, 1)"
@@ -187,7 +187,7 @@ const Users = (props) => {
                                     sx={{
                                         backgroundColor: inactiveUsersTheme && '#2563eb',
                                         color: inactiveUsersTheme && '#ffff',
-                                        borderBottom: 'solid 1px #2563eb', 
+                                        borderBottom: 'solid 1px rgba(107, 114, 128, 1)', 
                                         "&:hover": {
                                         backgroundColor: "#eff6ff",
                                         color: "rgba(17, 24, 39, 1)"
@@ -208,7 +208,7 @@ const Users = (props) => {
                                 sx={{
                                         backgroundColor: groupsTheme && '#2563eb',
                                                 color: groupsTheme && '#ffff',
-                                                borderBottom: 'solid 1px #2563eb', 
+                                                borderBottom: 'solid 1px rgba(107, 114, 128, 1)', 
                                                 "&:hover": {
                                                 backgroundColor: "#eff6ff",
                                                 color: "rgba(17, 24, 39, 1)"

diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml