fix: access throughout dashboard (#8824)

Author: tristandubbeld

packages/app/src/app/pages/Dashboard/Components/Folder/FolderCard.tsx

@@ -37,7 +37,7 @@ export const FolderCard: React.FC<FolderItemComponentProps> = ({
   'data-selection-id': dataSelectionId,
   ...props
 }) => {
-  const { isTeamEditor } = useWorkspaceAuthorization();
+  const { hasEditorAccess } = useWorkspaceAuthorization();
 
   return (
   <InteractiveOverlay>
@@ -48,7 +48,7 @@ export const FolderCard: React.FC<FolderItemComponentProps> = ({
     >
       <Stack justify="space-between">
         <Icon size={20} name="folder" color="#E3FF73" />
-        {!isNewFolder && isTeamEditor ? (
+        {!isNewFolder && hasEditorAccess ? (
           <IconButton
             css={{
               marginRight: '-4px',

packages/app/src/app/pages/Dashboard/Components/Folder/index.tsx

@@ -19,7 +19,7 @@ export const Folder = (folderItem: DashboardFolder) => {
   const {
     dashboard: { renameFolder },
   } = useActions();
-  const { isTeamEditor } = useWorkspaceAuthorization();
+  const { hasEditorAccess } = useWorkspaceAuthorization();
 
   const {
     name = '',
@@ -95,7 +95,7 @@ export const Folder = (folderItem: DashboardFolder) => {
 
   /* Drop target logic */
 
-  const accepts = isTeamEditor ? ['sandbox'] : [];
+  const accepts = hasEditorAccess ? ['sandbox'] : [];
 
   const [{ isOver, canDrop }, dropRef] = useDrop({
     accept: accepts,
@@ -114,7 +114,7 @@ export const Folder = (folderItem: DashboardFolder) => {
 
   const [, dragRef, preview] = useDrag({
     item: folderItem,
-    canDrag: isTeamEditor,
+    canDrag: hasEditorAccess,
     end: (item, monitor) => {
       const dropResult = monitor.getDropResult();
 
@@ -127,7 +127,7 @@ export const Folder = (folderItem: DashboardFolder) => {
 
   const dragProps = {
     ref: dragRef,
-    onDragStart: isTeamEditor ? (event => onDragStart(event, path, 'folder')) : undefined,
+    onDragStart: hasEditorAccess ? (event => onDragStart(event, path, 'folder')) : undefined,
   };
 
   React.useEffect(() => {
@@ -188,7 +188,7 @@ export const Folder = (folderItem: DashboardFolder) => {
     onClick,
     onDoubleClick,
     // edit mode
-    editing: isRenaming && selected && isTeamEditor,
+    editing: isRenaming && selected && hasEditorAccess,
     isNewFolder: false,
     isDragging,
     newName,

packages/app/src/app/pages/Dashboard/Components/Header/index.tsx

@@ -36,7 +36,7 @@ export const Header = ({
   const location = useLocation();
   const { modalOpened, dashboard: dashboardActions } = useActions();
   const { dashboard } = useAppState();
-  const { isTeamEditor } = useWorkspaceAuthorization();
+  const { hasEditorAccess } = useWorkspaceAuthorization();
 
   const repositoriesListPage =
     location.pathname.includes('/repositories') &&
@@ -70,7 +70,7 @@ export const Header = ({
         )}
       </Stack>
       <Stack gap={1} align="center">
-        {location.pathname.includes('/sandboxes') && isTeamEditor && (
+        {location.pathname.includes('/sandboxes') && hasEditorAccess && (
           <Button onClick={createNewFolder} variant="ghost" autoWidth>
             <Icon
               name="folder"

packages/app/src/app/pages/Dashboard/Components/Selection/ContextMenus/FolderMenu.tsx

@@ -15,10 +15,10 @@ export const FolderMenu = ({ folder, setRenaming }: FolderMenuProps) => {
   const {
     dashboard: { deleteFolder },
   } = useActions();
-  const { isTeamEditor } = useWorkspaceAuthorization();
+  const { hasEditorAccess } = useWorkspaceAuthorization();
   const { visible, setVisibility, position } = React.useContext(Context);
 
-  if (!isTeamEditor) {
+  if (!hasEditorAccess) {
     return null;
   }
 

packages/app/src/app/pages/Dashboard/Content/routes/Sandboxes/index.tsx

@@ -22,7 +22,7 @@ export const SandboxesPage = () => {
   const items = useFilteredItems(currentPath, cleanParam, level);
   const actions = useActions();
   const { isFrozen } = useWorkspaceLimits();
-  const { isTeamEditor } = useWorkspaceAuthorization();
+  const { hasEditorAccess } = useWorkspaceAuthorization();
   const {
     dashboard: { allCollections },
     activeTeam,
@@ -89,7 +89,7 @@ export const SandboxesPage = () => {
       {isEmpty ? (
         <EmptyPage.StyledWrapper>
           <EmptyPage.StyledGrid>
-            {(isTeamEditor) && (
+            {hasEditorAccess && (
               <ActionCard
                 icon="plus"
                 disabled={isFrozen}

packages/app/src/app/pages/Dashboard/Sidebar/ContextMenu.tsx

@@ -33,12 +33,12 @@ export const ContextMenu: React.FC<ContextMenuProps> = ({
   setNewFolderPath,
 }) => {
   const { deleteFolder } = useActions().dashboard;
-  const { isTeamEditor } = useWorkspaceAuthorization();
+  const { hasEditorAccess } = useWorkspaceAuthorization();
 
   const history = useHistory();
   const location = useLocation();
 
-  if (!visible || !folder || !isTeamEditor) {
+  if (!visible || !folder || !hasEditorAccess) {
     return null;
   };
 

packages/app/src/app/pages/Dashboard/Sidebar/index.tsx

@@ -79,7 +79,7 @@ export const Sidebar: React.FC<SidebarProps> = ({
   const showRespositories = !state.environment.isOnPrem;
 
   const { ubbBeta } = useWorkspaceFeatureFlags();
-  const { isPrimarySpace, isTeamAdmin, isTeamEditor } = useWorkspaceAuthorization();
+  const { isPrimarySpace, hasAdminAccess, hasEditorAccess } = useWorkspaceAuthorization();
   const { isPro } = useWorkspaceSubscription();
 
   const showTemplates = state.activeTeam
@@ -158,7 +158,7 @@ export const Sidebar: React.FC<SidebarProps> = ({
             path={dashboardUrls.getStarted(activeTeam)}
             icon="documentation"
           />
-          {isTeamAdmin && (
+          {hasAdminAccess && (
             <RowItem
               name="Upgrade"
               page="external"
@@ -225,7 +225,7 @@ export const Sidebar: React.FC<SidebarProps> = ({
                 ? [{ path: newFolderPath, name: '', parent: null }]
                 : []),
             ]}
-            canEdit={isTeamEditor}
+            canEdit={hasEditorAccess}
           />
 
           {showTemplates ? (