Merge pull request wso2#5535 from pavinduLakshan/fix_shared_access_ui

savindi7 · Feb 16, 2024 · 3bb3dfc · 3bb3dfc
2 parents b45c3a2 + 63bc4c0
commit 3bb3dfc
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 10 deletions.
diff --git a/.changeset/modern-cherries-unite.md b/.changeset/modern-cherries-unite.md
@@ -0,0 +1,5 @@
+---
+"@wso2is/console": patch
+---
+
+Fix selective share component not being hidden on selecting a different option in shared access form
diff --git a/apps/console/src/features/applications/components/forms/share-application-form.tsx b/apps/console/src/features/applications/components/forms/share-application-form.tsx
@@ -16,6 +16,7 @@
  * under the License.
  */
 
+import Collapse from "@mui/material/Collapse";
 import { IdentityAppsError } from "@wso2is/core/errors";
 import { IdentityAppsApiException } from "@wso2is/core/exceptions";
 import {
@@ -49,8 +50,7 @@ import { Dispatch } from "redux";
 import {
     Divider,
     Grid,
-    Radio,
-    Transition
+    Radio
 } from "semantic-ui-react";
 import { AppState } from "../../../core";
 import {
@@ -544,14 +544,14 @@ export const ApplicationShareForm: FunctionComponent<ApplicationShareFormPropsIn
                             checked={ shareType === ShareType.SHARE_SELECTED }
                             data-componentid={ `${ componentId }-share-with-all-checkbox` }
                         />
-                        <Transition
-                            visible={ shareType === ShareType.SHARE_SELECTED }
-                            animation="slide down"
-                            duration={ 1000 }
+                        <Collapse
+                            in={ shareType === ShareType.SHARE_SELECTED }
+                            orientation="vertical"
+                            timeout="auto"
                         >
                             <>
                                 { sharedWithAll && (
-                                    <Message warning className="ml-4">
+                                    <Message warning className="ml-4 mt-3">
                                         <p>
                                             {
                                                 t(
@@ -645,10 +645,8 @@ export const ApplicationShareForm: FunctionComponent<ApplicationShareFormPropsIn
                                         ) }
                                     </TransferList>
                                 </TransferComponent>
-
                             </>
-
-                        </Transition>
+                        </Collapse>
                         <Divider hidden className="mb-0 mt-0" />
                         <Radio
                             label={ t(