feat: hide studio button for limited staff

open-craft · Aug 14, 2024 · aa8b47a · aa8b47a
1 parent 4655b34
commit aa8b47a
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 2 deletions.
diff --git a/src/instructor-toolbar/InstructorToolbar.jsx b/src/instructor-toolbar/InstructorToolbar.jsx
@@ -56,6 +56,7 @@ export default function InstructorToolbar(props) {
     courseId,
     unitId,
     canViewLegacyCourseware,
+    studioButtonVisible,
     tab,
   } = props;
 
@@ -85,7 +86,7 @@ export default function InstructorToolbar(props) {
           <div className="align-items-center flex-grow-1 d-md-flex mx-1 my-1">
             <MasqueradeWidget courseId={courseId} onError={showMasqueradeError} />
           </div>
-          {(urlLegacy || urlStudio || urlInsights) && (
+          {(urlLegacy || urlStudio && studioButtonVisible || urlInsights) && (
             <>
               <hr className="border-light" />
               <span className="mr-2 mt-1 col-form-label">View course in:</span>
@@ -96,7 +97,7 @@ export default function InstructorToolbar(props) {
               <a className="btn btn-inverse-outline-primary" href={urlLegacy}>Legacy experience</a>
             </span>
           )}
-          {urlStudio && (
+          {urlStudio && studioButtonVisible && (
             <span className="mx-1 my-1">
               <a className="btn btn-inverse-outline-primary" href={urlStudio}>Studio</a>
             </span>

diff --git a/src/tab-page/LoadedTabPage.jsx b/src/tab-page/LoadedTabPage.jsx
@@ -15,6 +15,8 @@ import useLogistrationAlert from '../alerts/logistration-alert';
 
 import ProductTours from '../product-tours/ProductTours';
 
+const restrictedStudioAccessRoles = ["limited_staff"];
+
 function LoadedTabPage({
   activeTabSlug,
   children,
@@ -29,6 +31,7 @@ function LoadedTabPage({
     originalUserIsStaff,
     tabs,
     title,
+    userRoles,
     verifiedMode,
   } = useModel(metadataModel, courseId);
 
@@ -39,6 +42,8 @@ function LoadedTabPage({
 
   const activeTab = tabs.filter(tab => tab.slug === activeTabSlug)[0];
 
+  const canVisitStudio = !restrictedStudioAccessRoles.some(role => userRoles.includes(role));
+
   const streakLengthToCelebrate = celebrations && celebrations.streakLengthToCelebrate;
   const streakDiscountCouponEnabled = celebrations && celebrations.streakDiscountEnabled && verifiedMode;
   const [isStreakCelebrationOpen,, closeStreakCelebration] = useToggle(streakLengthToCelebrate);
@@ -61,6 +66,7 @@ function LoadedTabPage({
           unitId={unitId}
           canViewLegacyCourseware={canViewLegacyCourseware}
           tab={activeTabSlug}
+          studioButtonVisible={canVisitStudio}
         />
       )}
       <StreakModal