From 16441ef63927b11f744b50a246324eea66c41577 Mon Sep 17 00:00:00 2001
From: Ram Prasad Agarwal <work.ramprasad@gmail.com>
Date: Wed, 29 Jan 2025 00:40:00 +0530
Subject: [PATCH] fixes the css classname

---
 .../ChangeOwnerAndGroupModal.scss             |  2 +-
 .../ChangeOwnerAndGroupModal.tsx              | 28 +++++++++----------
 2 files changed, 15 insertions(+), 15 deletions(-)

diff --git a/desktop/core/src/desktop/js/apps/storageBrowser/StorageDirectoryPage/StorageBrowserActions/ChangeOwnerAndGroupModal/ChangeOwnerAndGroupModal.scss b/desktop/core/src/desktop/js/apps/storageBrowser/StorageDirectoryPage/StorageBrowserActions/ChangeOwnerAndGroupModal/ChangeOwnerAndGroupModal.scss
index effcbb7ec3f..5ace7a13888 100644
--- a/desktop/core/src/desktop/js/apps/storageBrowser/StorageDirectoryPage/StorageBrowserActions/ChangeOwnerAndGroupModal/ChangeOwnerAndGroupModal.scss
+++ b/desktop/core/src/desktop/js/apps/storageBrowser/StorageDirectoryPage/StorageBrowserActions/ChangeOwnerAndGroupModal/ChangeOwnerAndGroupModal.scss
@@ -17,7 +17,7 @@
 @use 'variables' as vars;
 
 .antd.cuix {
-  .change-owner-group {
+  .hue-change-owner-group {
     display: flex;
     flex-direction: column;
     flex: 1;
diff --git a/desktop/core/src/desktop/js/apps/storageBrowser/StorageDirectoryPage/StorageBrowserActions/ChangeOwnerAndGroupModal/ChangeOwnerAndGroupModal.tsx b/desktop/core/src/desktop/js/apps/storageBrowser/StorageDirectoryPage/StorageBrowserActions/ChangeOwnerAndGroupModal/ChangeOwnerAndGroupModal.tsx
index a74be8980ab..e24051b14ca 100644
--- a/desktop/core/src/desktop/js/apps/storageBrowser/StorageDirectoryPage/StorageBrowserActions/ChangeOwnerAndGroupModal/ChangeOwnerAndGroupModal.tsx
+++ b/desktop/core/src/desktop/js/apps/storageBrowser/StorageDirectoryPage/StorageBrowserActions/ChangeOwnerAndGroupModal/ChangeOwnerAndGroupModal.tsx
@@ -120,9 +120,9 @@ const ChangeOwnerAndGroupModal = ({
   const isSubmitEnabled = useMemo(() => {
     return Boolean(
       selectedUser &&
-        selectedGroup &&
-        !(selectedUser === OTHERS_KEY && !userOther) &&
-        !(selectedGroup === OTHERS_KEY && !groupOther)
+      selectedGroup &&
+      !(selectedUser === OTHERS_KEY && !userOther) &&
+      !(selectedGroup === OTHERS_KEY && !groupOther)
     );
   }, [selectedUser, selectedGroup, userOther, groupOther]);
 
@@ -138,8 +138,8 @@ const ChangeOwnerAndGroupModal = ({
       okButtonProps={{ disabled: loading || !isSubmitEnabled }}
       cancelButtonProps={{ disabled: loading }}
     >
-      <div className="change-owner-group">
-        <span className="change-owner-group__header-note">
+      <div className="hue-change-owner-group">
+        <span className="hue-change-owner-group__header-note">
           {t(
             'Note: Only the Hadoop superuser, "{{superuser}}" or the HDFS supergroup, "{{supergroup}}" on this file system, may change the owner of a file.',
             {
@@ -149,10 +149,10 @@ const ChangeOwnerAndGroupModal = ({
           )}
         </span>
 
-        <div className="change-owner-group__form">
-          <div className="change-owner-group__entity">
-            <div className="change-owner-group__label">{t('User')}</div>
-            <div className="change-owner-group__dropdown">
+        <div className="hue-change-owner-group__form">
+          <div className="hue-change-owner-group__entity">
+            <div className="hue-change-owner-group__label">{t('User')}</div>
+            <div className="hue-change-owner-group__dropdown">
               <Select options={usersOptions} onChange={setSelectedUser} value={selectedUser} />
               {selectedUser === OTHERS_KEY && (
                 <Input
@@ -165,9 +165,9 @@ const ChangeOwnerAndGroupModal = ({
             </div>
           </div>
 
-          <div className="change-owner-group__entity">
-            <div className="change-owner-group__label">{t('Group')}</div>
-            <div className="change-owner-group__dropdown">
+          <div className="hue-change-owner-group__entity">
+            <div className="hue-change-owner-group__label">{t('Group')}</div>
+            <div className="hue-change-owner-group__dropdown">
               <Select options={groupOptions} onChange={setSelectedGroup} value={selectedGroup} />
               {selectedGroup === OTHERS_KEY && (
                 <Input
@@ -180,8 +180,8 @@ const ChangeOwnerAndGroupModal = ({
             </div>
           </div>
 
-          <div className="change-owner-group__checkbox">
-            <span className="change-owner-group__label">{t('Recursive')}</span>
+          <div className="hue-change-owner-group__checkbox">
+            <span className="hue-change-owner-group__label">{t('Recursive')}</span>
             <Checkbox
               checked={isRecursive}
               onChange={() => setIsRecursive(prev => !prev)}