Updated react-bootstrap to latest version (#2194)

* Updated react-bootstrap to latest * removed unused imports * Fixed errors * Added optional name and value attributes --------- Co-authored-by: Vamshi Maskuri <[email protected]>
PalisadoesFoundation · Aug 30, 2024 · 988564b · 988564b
1 parent 6e51fc0
commit 988564b
Show file tree

Hide file tree

Showing 4 changed files with 67 additions and 64 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -38,7 +38,7 @@
     "react": "^17.0.2",
     "react-app-rewired": "^2.2.1",
     "react-beautiful-dnd": "^13.1.1",
-    "react-bootstrap": "^2.7.4",
+    "react-bootstrap": "^2.10.4",
     "react-datepicker": "^7.3.0",
     "react-dom": "^17.0.2",
     "react-google-recaptcha": "^3.1.0",

diff --git a/src/screens/OrganizationPeople/AddMember.tsx b/src/screens/OrganizationPeople/AddMember.tsx
@@ -296,8 +296,8 @@ function AddMember(): JSX.Element {
         <Dropdown.Menu>
           <Dropdown.Item
             id="existingUser"
-            value="existingUser"
-            name="existingUser"
+            data-value="existingUser"
+            data-name="existingUser"
             data-testid="existingUser"
             onClick={(): void => {
               openAddUserModal();
@@ -309,8 +309,8 @@ function AddMember(): JSX.Element {
           </Dropdown.Item>
           <Dropdown.Item
             id="newUser"
-            value="newUser"
-            name="newUser"
+            data-value="newUser"
+            data-name="newUser"
             data-testid="newUser"
             onClick={(): void => {
               openCreateNewUserModal();

diff --git a/src/screens/OrganizationPeople/OrganizationPeople.tsx b/src/screens/OrganizationPeople/OrganizationPeople.tsx
@@ -313,10 +313,10 @@ function organizationPeople(): JSX.Element {
                 </Dropdown.Toggle>
                 <Dropdown.Menu>
                   <Dropdown.Item
-                    inline
+                    d-inline
                     id="userslist"
-                    value="userslist"
-                    name="displaylist"
+                    data-value="userslist"
+                    data-name="displaylist"
                     data-testid="users"
                     defaultChecked={state == 2 ? true : false}
                     onClick={(): void => {
@@ -328,10 +328,10 @@ function organizationPeople(): JSX.Element {
                     </Form.Label>
                   </Dropdown.Item>
                   <Dropdown.Item
-                    inline
+                    d-inline
                     id="memberslist"
-                    value="memberslist"
-                    name="displaylist"
+                    data-value="memberslist"
+                    data-name="displaylist"
                     data-testid="members"
                     defaultChecked={state == 0 ? true : false}
                     onClick={(): void => {
@@ -341,10 +341,10 @@ function organizationPeople(): JSX.Element {
                     <label htmlFor="memberslist">{tCommon('members')}</label>
                   </Dropdown.Item>
                   <Dropdown.Item
-                    inline
+                    d-inline
                     id="adminslist"
-                    value="adminslist"
-                    name="displaylist"
+                    data-value="adminslist"
+                    data-name="displaylist"
                     data-testid="admins"
                     defaultChecked={state == 1 ? true : false}
                     onClick={(): void => {