fix: hide integration sync status message behind feature flag

openedx · Mar 10, 2023 · 96dc2c6 · 96dc2c6
1 parent 7eb4eec
commit 96dc2c6
Showing 1 changed file with 9 additions and 4 deletions.
diff --git a/src/components/settings/SettingsLMSTab/ExistingCard.jsx b/src/components/settings/SettingsLMSTab/ExistingCard.jsx
@@ -36,6 +36,7 @@ const ExistingCard = ({
   const redirectPath = `${useRouteMatch().url}`;
   const [showDeleteModal, setShowDeleteModal] = useState(false);
   const isEdxStaff = getAuthenticatedUser().administrator;
+  const showErrorReporting = isEdxStaff && features.FEATURE_INTEGRATION_REPORTING;
 
   const toggleConfig = async (id, channelType, toggle) => {
     const configOptions = {
@@ -101,7 +102,7 @@ const ExistingCard = ({
   const getCardButton = () => {
     switch (getStatus(config)) {
       case ACTIVE:
-        if (isEdxStaff && features.FEATURE_INTEGRATION_REPORTING) {
+        if (showErrorReporting) {
           return <Button variant="outline-primary" href={`${redirectPath}${config.channelCode}/${config.id}`}>View sync history</Button>;
         }
         return null;
@@ -180,7 +181,7 @@ const ExistingCard = ({
                 alt="Actions dropdown"
               />
               <Dropdown.Menu>
-                {(isInactive && isEdxStaff && features.FEATURE_INTEGRATION_REPORTING) && (
+                {(isInactive && showErrorReporting) && (
                   <div className="d-flex">
                     <Dropdown.Item
                       href={`${redirectPath}${config.channelCode}/${config.id}`}
@@ -262,8 +263,12 @@ const ExistingCard = ({
         />
         <Card.Footer className="pt-2 pb-2 justify-content-between">
           <div className="x-small d-flex align-items-center">
-            <Icon className="small-icon" src={Sync} />
-            {getLastSync()}
+            {showErrorReporting && (
+            <>
+              <Icon className="small-icon" src={Sync} />
+              {getLastSync()}
+            </>
+            )}
           </div>
           {getCardButton()}
         </Card.Footer>