From a9f7edd271475892e80a08f697dafc914b314c9c Mon Sep 17 00:00:00 2001
From: Jaalah Ramos <jaalah.ramos@gmail.com>
Date: Fri, 23 Feb 2024 15:49:28 -0500
Subject: [PATCH 1/8] refactor: [M3-7687] - Linodes Restricted User Experience
 2/2

---
 .../ResourcesSection.tsx                      |   2 +
 .../src/components/TagCell/TagCell.tsx        |   6 +-
 .../features/Linodes/LinodeEntityDetail.tsx   | 119 ++++++++++--------
 .../Linodes/LinodeEntityDetailFooter.tsx      |   5 +-
 .../Linodes/LinodeEntityDetailHeader.tsx      |  12 +-
 .../LinodeBackup/BackupsPlaceholder.tsx       |   2 -
 .../LinodeBackup/LinodeBackups.tsx            |   2 -
 .../LinodeConfigs/LinodeConfigActionMenu.tsx  |   2 +
 .../LinodeNetworking/LinodeIPAddresses.tsx    |  28 +++--
 .../NetworkingSummaryPanel.tsx                |  85 ++++++-------
 .../LinodesDetail/LinodePermissionsError.tsx  |   5 +-
 .../LinodeResize/LinodeResize.tsx             |  18 +--
 .../LinodeSettings/LinodeSettings.tsx         |   2 -
 .../LinodeStorage/LinodeDiskActionMenu.tsx    |  30 ++---
 .../LinodeStorage/LinodeVolumes.tsx           |  24 ++--
 .../Linodes/LinodesLanding/LinodesLanding.tsx |  15 +++
 .../LinodesLandingEmptyState.tsx              |  12 ++
 packages/manager/src/utilities/linodes.ts     |  23 +---
 18 files changed, 214 insertions(+), 178 deletions(-)

diff --git a/packages/manager/src/components/EmptyLandingPageResources/ResourcesSection.tsx b/packages/manager/src/components/EmptyLandingPageResources/ResourcesSection.tsx
index 61ebc8a818f..33386afde6b 100644
--- a/packages/manager/src/components/EmptyLandingPageResources/ResourcesSection.tsx
+++ b/packages/manager/src/components/EmptyLandingPageResources/ResourcesSection.tsx
@@ -24,7 +24,9 @@ import type {
 
 interface ButtonProps {
   children: string;
+  disabled?: boolean;
   onClick: () => void;
+  tooltipText?: string;
 }
 
 interface ResourcesSectionProps {
diff --git a/packages/manager/src/components/TagCell/TagCell.tsx b/packages/manager/src/components/TagCell/TagCell.tsx
index ced0fd1b51b..81e821c0008 100644
--- a/packages/manager/src/components/TagCell/TagCell.tsx
+++ b/packages/manager/src/components/TagCell/TagCell.tsx
@@ -1,6 +1,6 @@
 import MoreHoriz from '@mui/icons-material/MoreHoriz';
-import Grid from '@mui/material/Unstable_Grid2';
 import { styled } from '@mui/material/styles';
+import Grid from '@mui/material/Unstable_Grid2';
 import { SxProps } from '@mui/system';
 import * as React from 'react';
 
@@ -13,6 +13,7 @@ import { StyledPlusIcon, StyledTagButton } from '../Button/StyledTagButton';
 import { AddTag } from './AddTag';
 
 interface TagCellProps {
+  disabled?: boolean;
   listAllTags: (tags: string[]) => void;
   sx?: SxProps;
   tags: string[];
@@ -35,7 +36,7 @@ const checkOverflow = (el: any) => {
 };
 
 const TagCell = (props: TagCellProps) => {
-  const { sx, tags, updateTags } = props;
+  const { disabled, sx, tags, updateTags } = props;
 
   const [hasOverflow, setOverflow] = React.useState<boolean>(false);
   const [addingTag, setAddingTag] = React.useState<boolean>(false);
@@ -110,6 +111,7 @@ const TagCell = (props: TagCellProps) => {
           ) : null}
           <StyledTagButton
             buttonType="outlined"
+            disabled={disabled}
             endIcon={<StyledPlusIcon />}
             onClick={() => setAddingTag(true)}
             title="Add a tag"
diff --git a/packages/manager/src/features/Linodes/LinodeEntityDetail.tsx b/packages/manager/src/features/Linodes/LinodeEntityDetail.tsx
index 816faf4c2bc..e395a2fccab 100644
--- a/packages/manager/src/features/Linodes/LinodeEntityDetail.tsx
+++ b/packages/manager/src/features/Linodes/LinodeEntityDetail.tsx
@@ -1,7 +1,10 @@
 import * as React from 'react';
 
 import { EntityDetail } from 'src/components/EntityDetail/EntityDetail';
+import { Notice } from 'src/components/Notice/Notice';
+import { getRestrictedResourceText } from 'src/features/Account/utils';
 import { notificationContext as _notificationContext } from 'src/features/NotificationCenter/NotificationContext';
+import { useIsResourceRestricted } from 'src/hooks/useIsResourceRestricted';
 import { useVPCConfigInterface } from 'src/hooks/useVPCConfigInterface';
 import { useInProgressEvents } from 'src/queries/events/events';
 import { useAllImagesQuery } from 'src/queries/images';
@@ -64,6 +67,12 @@ export const LinodeEntityDetail = (props: Props) => {
     vpcLinodeIsAssignedTo,
   } = useVPCConfigInterface(linode.id);
 
+  const isLinodesReadOnly = useIsResourceRestricted({
+    grantLevel: 'read_only',
+    grantType: 'linode',
+    id: linode.id,
+  });
+
   const imageVendor =
     images?.find((i) => i.id === linode.image)?.vendor ?? null;
 
@@ -83,55 +92,67 @@ export const LinodeEntityDetail = (props: Props) => {
   const trimmedIPv6 = linode.ipv6?.replace('/128', '') || null;
 
   return (
-    <EntityDetail
-      body={
-        <LinodeEntityDetailBody
-          configInterfaceWithVPC={configInterfaceWithVPC}
-          displayVPCSection={showVPCs}
-          gbRAM={linode.specs.memory / 1024}
-          gbStorage={linode.specs.disk / 1024}
-          ipv4={linode.ipv4}
-          ipv6={trimmedIPv6}
-          isVPCOnlyLinode={isVPCOnlyLinode}
-          linodeId={linode.id}
-          linodeLabel={linode.label}
-          numCPUs={linode.specs.vcpus}
-          numVolumes={numberOfVolumes}
-          region={linode.region}
-          vpcLinodeIsAssignedTo={vpcLinodeIsAssignedTo}
-        />
-      }
-      footer={
-        <LinodeEntityDetailFooter
-          linodeCreated={linode.created}
-          linodeId={linode.id}
-          linodeLabel={linode.label}
-          linodePlan={linodePlan}
-          linodeRegionDisplay={linodeRegionDisplay}
-          linodeTags={linode.tags}
-          openTagDrawer={openTagDrawer}
-        />
-      }
-      header={
-        <LinodeEntityDetailHeader
-          backups={linode.backups}
-          configs={configs}
-          enableVPCLogic={showVPCs}
-          handlers={handlers}
-          image={linode.image ?? 'Unknown Image'}
-          imageVendor={imageVendor}
-          isSummaryView={isSummaryView}
-          linodeId={linode.id}
-          linodeLabel={linode.label}
-          linodeRegionDisplay={linodeRegionDisplay}
-          linodeStatus={linode.status}
-          openNotificationMenu={notificationContext.openMenu}
-          progress={progress}
-          transitionText={transitionText}
-          type={type ?? null}
-          variant={variant}
+    <>
+      {isLinodesReadOnly && (
+        <Notice
+          text={getRestrictedResourceText({
+            resourceType: 'Linodes',
+          })}
+          important
+          variant="warning"
         />
-      }
-    />
+      )}
+      <EntityDetail
+        body={
+          <LinodeEntityDetailBody
+            configInterfaceWithVPC={configInterfaceWithVPC}
+            displayVPCSection={showVPCs}
+            gbRAM={linode.specs.memory / 1024}
+            gbStorage={linode.specs.disk / 1024}
+            ipv4={linode.ipv4}
+            ipv6={trimmedIPv6}
+            isVPCOnlyLinode={isVPCOnlyLinode}
+            linodeId={linode.id}
+            linodeLabel={linode.label}
+            numCPUs={linode.specs.vcpus}
+            numVolumes={numberOfVolumes}
+            region={linode.region}
+            vpcLinodeIsAssignedTo={vpcLinodeIsAssignedTo}
+          />
+        }
+        footer={
+          <LinodeEntityDetailFooter
+            isLinodesReadOnly
+            linodeCreated={linode.created}
+            linodeId={linode.id}
+            linodeLabel={linode.label}
+            linodePlan={linodePlan}
+            linodeRegionDisplay={linodeRegionDisplay}
+            linodeTags={linode.tags}
+            openTagDrawer={openTagDrawer}
+          />
+        }
+        header={
+          <LinodeEntityDetailHeader
+            backups={linode.backups}
+            configs={configs}
+            enableVPCLogic={showVPCs}
+            handlers={handlers}
+            image={linode.image ?? 'Unknown Image'}
+            imageVendor={imageVendor}
+            isSummaryView={isSummaryView}
+            linodeId={linode.id}
+            linodeLabel={linode.label}
+            linodeRegionDisplay={linodeRegionDisplay}
+            linodeStatus={linode.status}
+            openNotificationMenu={notificationContext.openMenu}
+            progress={progress}
+            transitionText={transitionText}
+            type={type ?? null}
+            variant={variant}
+          />
+        }
+      />
+    </>
   );
 };
diff --git a/packages/manager/src/features/Linodes/LinodeEntityDetailFooter.tsx b/packages/manager/src/features/Linodes/LinodeEntityDetailFooter.tsx
index 203d50752ce..b373425e39b 100644
--- a/packages/manager/src/features/Linodes/LinodeEntityDetailFooter.tsx
+++ b/packages/manager/src/features/Linodes/LinodeEntityDetailFooter.tsx
@@ -1,5 +1,5 @@
-import Grid from '@mui/material/Unstable_Grid2';
 import { useTheme } from '@mui/material/styles';
+import Grid from '@mui/material/Unstable_Grid2';
 import { useSnackbar } from 'notistack';
 import * as React from 'react';
 
@@ -34,6 +34,7 @@ export type Props = LinodeEntityDetailProps & {
 };
 
 interface FooterProps {
+  isLinodesReadOnly: boolean;
   linodeCreated: string;
   linodeId: number;
   linodeLabel: string;
@@ -49,6 +50,7 @@ export const LinodeEntityDetailFooter = React.memo((props: FooterProps) => {
   const { data: profile } = useProfile();
 
   const {
+    isLinodesReadOnly,
     linodeCreated,
     linodeId,
     linodePlan,
@@ -160,6 +162,7 @@ export const LinodeEntityDetailFooter = React.memo((props: FooterProps) => {
               flexDirection: 'row-reverse',
             },
           }}
+          disabled={isLinodesReadOnly}
           listAllTags={openTagDrawer}
           tags={linodeTags}
           updateTags={updateTags}
diff --git a/packages/manager/src/features/Linodes/LinodeEntityDetailHeader.tsx b/packages/manager/src/features/Linodes/LinodeEntityDetailHeader.tsx
index f940664b6ef..1f5f0dff11c 100644
--- a/packages/manager/src/features/Linodes/LinodeEntityDetailHeader.tsx
+++ b/packages/manager/src/features/Linodes/LinodeEntityDetailHeader.tsx
@@ -13,6 +13,7 @@ import { TypographyProps } from 'src/components/Typography';
 import { LinodeActionMenu } from 'src/features/Linodes/LinodesLanding/LinodeActionMenu/LinodeActionMenu';
 import { ProgressDisplay } from 'src/features/Linodes/LinodesLanding/LinodeRow/LinodeRow';
 import { lishLaunch } from 'src/features/Lish/lishUtils';
+import { useIsResourceRestricted } from 'src/hooks/useIsResourceRestricted';
 import { queryKey as linodesQueryKey } from 'src/queries/linodes/linodes';
 import { sendLinodeActionMenuItemEvent } from 'src/utilities/analytics';
 
@@ -78,6 +79,12 @@ export const LinodeEntityDetailHeader = (
     variant,
   } = props;
 
+  const isLinodesReadOnly = useIsResourceRestricted({
+    grantLevel: 'read_only',
+    grantType: 'linode',
+    id: linodeId,
+  });
+
   const isRunning = linodeStatus === 'running';
   const isOffline = linodeStatus === 'stopped' || linodeStatus === 'offline';
   const isOther = !['offline', 'running', 'stopped'].includes(linodeStatus);
@@ -186,14 +193,14 @@ export const LinodeEntityDetailHeader = (
               handlers.onOpenPowerDialog(isRunning ? 'Power Off' : 'Power On')
             }
             buttonType="secondary"
-            disabled={!(isRunning || isOffline)}
+            disabled={!(isRunning || isOffline) || isLinodesReadOnly}
             sx={sxActionItem}
           >
             {isRunning ? 'Power Off' : 'Power On'}
           </Button>
           <Button
             buttonType="secondary"
-            disabled={isOffline}
+            disabled={isOffline || isLinodesReadOnly}
             onClick={() => handlers.onOpenPowerDialog('Reboot')}
             sx={sxActionItem}
           >
@@ -204,6 +211,7 @@ export const LinodeEntityDetailHeader = (
               handleConsoleButtonClick(linodeId);
             }}
             buttonType="secondary"
+            disabled={isLinodesReadOnly}
             sx={sxActionItem}
           >
             Launch LISH Console
diff --git a/packages/manager/src/features/Linodes/LinodesDetail/LinodeBackup/BackupsPlaceholder.tsx b/packages/manager/src/features/Linodes/LinodesDetail/LinodeBackup/BackupsPlaceholder.tsx
index 8d031971948..a9cea1efa57 100644
--- a/packages/manager/src/features/Linodes/LinodesDetail/LinodeBackup/BackupsPlaceholder.tsx
+++ b/packages/manager/src/features/Linodes/LinodesDetail/LinodeBackup/BackupsPlaceholder.tsx
@@ -7,7 +7,6 @@ import { Currency } from 'src/components/Currency';
 import { Placeholder } from 'src/components/Placeholder/Placeholder';
 import { Typography } from 'src/components/Typography';
 
-import { LinodePermissionsError } from '../LinodePermissionsError';
 import { EnableBackupsDialog } from './EnableBackupsDialog';
 
 interface Props {
@@ -41,7 +40,6 @@ export const BackupsPlaceholder = React.memo((props: Props) => {
 
   return (
     <>
-      {disabled && <LinodePermissionsError />}
       <StyledPlaceholder
         buttonProps={[
           {
diff --git a/packages/manager/src/features/Linodes/LinodesDetail/LinodeBackup/LinodeBackups.tsx b/packages/manager/src/features/Linodes/LinodesDetail/LinodeBackup/LinodeBackups.tsx
index 6a4fd7829d6..d6fae354aad 100644
--- a/packages/manager/src/features/Linodes/LinodesDetail/LinodeBackup/LinodeBackups.tsx
+++ b/packages/manager/src/features/Linodes/LinodesDetail/LinodeBackup/LinodeBackups.tsx
@@ -21,7 +21,6 @@ import { useGrants, useProfile } from 'src/queries/profile';
 import { useTypeQuery } from 'src/queries/types';
 import { getMonthlyBackupsPrice } from 'src/utilities/pricing/backups';
 
-import { LinodePermissionsError } from '../LinodePermissionsError';
 import { BackupTableRow } from './BackupTableRow';
 import { BackupsPlaceholder } from './BackupsPlaceholder';
 import { CancelBackupsDialog } from './CancelBackupsDialog';
@@ -109,7 +108,6 @@ export const LinodeBackups = () => {
 
   return (
     <Stack spacing={2}>
-      {doesNotHavePermission && <LinodePermissionsError />}
       <Paper style={{ padding: 0 }}>
         <Table aria-label="List of Backups">
           <TableHead>
diff --git a/packages/manager/src/features/Linodes/LinodesDetail/LinodeConfigs/LinodeConfigActionMenu.tsx b/packages/manager/src/features/Linodes/LinodesDetail/LinodeConfigs/LinodeConfigActionMenu.tsx
index e26ba42f287..9775fb97382 100644
--- a/packages/manager/src/features/Linodes/LinodesDetail/LinodeConfigs/LinodeConfigActionMenu.tsx
+++ b/packages/manager/src/features/Linodes/LinodesDetail/LinodeConfigs/LinodeConfigActionMenu.tsx
@@ -31,10 +31,12 @@ export const ConfigActionMenu = (props: Props) => {
 
   const actions: Action[] = [
     {
+      disabled: readOnly,
       onClick: onBoot,
       title: 'Boot',
     },
     {
+      disabled: readOnly,
       onClick: onEdit,
       title: 'Edit',
     },
diff --git a/packages/manager/src/features/Linodes/LinodesDetail/LinodeNetworking/LinodeIPAddresses.tsx b/packages/manager/src/features/Linodes/LinodesDetail/LinodeNetworking/LinodeIPAddresses.tsx
index 12fb232a546..609a95a1212 100644
--- a/packages/manager/src/features/Linodes/LinodesDetail/LinodeNetworking/LinodeIPAddresses.tsx
+++ b/packages/manager/src/features/Linodes/LinodesDetail/LinodeNetworking/LinodeIPAddresses.tsx
@@ -16,10 +16,9 @@ import { TableCell } from 'src/components/TableCell';
 import { TableHead } from 'src/components/TableHead';
 import { TableRow } from 'src/components/TableRow';
 import { TableSortCell } from 'src/components/TableSortCell';
+import { useIsResourceRestricted } from 'src/hooks/useIsResourceRestricted';
 import { useVPCConfigInterface } from 'src/hooks/useVPCConfigInterface';
 import { useLinodeIPsQuery } from 'src/queries/linodes/networking';
-import { useGrants } from 'src/queries/profile';
-import { getPermissionsForLinode } from 'src/utilities/linodes';
 
 import { AddIPDrawer } from './AddIPDrawer';
 import { DeleteIPDialog } from './DeleteIPDialog';
@@ -28,16 +27,16 @@ import { EditIPRDNSDrawer } from './EditIPRDNSDrawer';
 import { EditRangeRDNSDrawer } from './EditRangeRDNSDrawer';
 import IPSharing from './IPSharing';
 import { IPTransfer } from './IPTransfer';
-import { IPAddressRowHandlers, LinodeIPAddressRow } from './LinodeIPAddressRow';
 import {
   StyledRootGrid,
   StyledTypography,
   StyledWrapperGrid,
 } from './LinodeIPAddresses.styles';
+import { IPAddressRowHandlers, LinodeIPAddressRow } from './LinodeIPAddressRow';
+import { IPTypes } from './types';
 import { ViewIPDrawer } from './ViewIPDrawer';
-import { ViewRDNSDrawer } from './ViewRDNSDrawer';
 import { ViewRangeDrawer } from './ViewRangeDrawer';
-import { IPTypes } from './types';
+import { ViewRDNSDrawer } from './ViewRDNSDrawer';
 
 export const ipv4TableID = 'ips';
 
@@ -48,10 +47,14 @@ interface LinodeIPAddressesProps {
 export const LinodeIPAddresses = (props: LinodeIPAddressesProps) => {
   const { linodeID } = props;
 
-  const { data: grants } = useGrants();
   const { data: ips, error, isLoading } = useLinodeIPsQuery(linodeID);
 
-  const readOnly = getPermissionsForLinode(grants, linodeID) === 'read_only';
+  const isLinodesReadOnly = useIsResourceRestricted({
+    grantLevel: 'read_only',
+    grantType: 'linode',
+    id: linodeID,
+  });
+
   const { configInterfaceWithVPC, isVPCOnlyLinode } = useVPCConfigInterface(
     linodeID
   );
@@ -138,12 +141,14 @@ export const LinodeIPAddresses = (props: LinodeIPAddressesProps) => {
             <Hidden smDown>
               <Button
                 buttonType="secondary"
+                disabled={isLinodesReadOnly}
                 onClick={() => setIsTransferDialogOpen(true)}
               >
                 IP Transfer
               </Button>
               <Button
                 buttonType="secondary"
+                disabled={isLinodesReadOnly}
                 onClick={() => setIsShareDialogOpen(true)}
                 style={{ marginRight: 16 }}
               >
@@ -151,6 +156,7 @@ export const LinodeIPAddresses = (props: LinodeIPAddressesProps) => {
               </Button>
             </Hidden>
             <AddNewLink
+              disabled={isLinodesReadOnly}
               label="Add an IP Address"
               onClick={() => setIsAddDrawerOpen(true)}
             />
@@ -196,7 +202,7 @@ export const LinodeIPAddresses = (props: LinodeIPAddressesProps) => {
                         }
                         key={`${ipDisplay.address}-${ipDisplay.type}`}
                         linodeId={linodeID}
-                        readOnly={readOnly}
+                        readOnly={isLinodesReadOnly}
                       />
                     ))}
                   </TableBody>
@@ -243,19 +249,19 @@ export const LinodeIPAddresses = (props: LinodeIPAddressesProps) => {
         linodeId={linodeID}
         onClose={() => setIsAddDrawerOpen(false)}
         open={isAddDrawerOpen}
-        readOnly={readOnly}
+        readOnly={isLinodesReadOnly}
       />
       <IPTransfer
         linodeId={linodeID}
         onClose={() => setIsTransferDialogOpen(false)}
         open={isTransferDialogOpen}
-        readOnly={readOnly}
+        readOnly={isLinodesReadOnly}
       />
       <IPSharing
         linodeId={linodeID}
         onClose={() => setIsShareDialogOpen(false)}
         open={isShareDialogOpen}
-        readOnly={readOnly}
+        readOnly={isLinodesReadOnly}
       />
       {selectedIP && (
         <DeleteIPDialog
diff --git a/packages/manager/src/features/Linodes/LinodesDetail/LinodeNetworking/NetworkingSummaryPanel/NetworkingSummaryPanel.tsx b/packages/manager/src/features/Linodes/LinodesDetail/LinodeNetworking/NetworkingSummaryPanel/NetworkingSummaryPanel.tsx
index e14dd38b89d..37df308437a 100644
--- a/packages/manager/src/features/Linodes/LinodesDetail/LinodeNetworking/NetworkingSummaryPanel/NetworkingSummaryPanel.tsx
+++ b/packages/manager/src/features/Linodes/LinodesDetail/LinodeNetworking/NetworkingSummaryPanel/NetworkingSummaryPanel.tsx
@@ -1,13 +1,10 @@
-import Grid from '@mui/material/Unstable_Grid2';
 import { styled, useTheme } from '@mui/material/styles';
+import Grid from '@mui/material/Unstable_Grid2';
 import * as React from 'react';
 
 import { Paper } from 'src/components/Paper';
 import { useLinodeQuery } from 'src/queries/linodes/linodes';
-import { useGrants } from 'src/queries/profile';
-import { getPermissionsForLinode } from 'src/utilities/linodes';
 
-import { LinodePermissionsError } from '../../LinodePermissionsError';
 import { DNSResolvers } from './DNSResolvers';
 import { NetworkTransfer } from './NetworkTransfer';
 import { TransferHistory } from './TransferHistory';
@@ -21,56 +18,48 @@ export const LinodeNetworkingSummaryPanel = React.memo((props: Props) => {
   const { data: linode } = useLinodeQuery(props.linodeId);
   const theme = useTheme();
 
-  const { data: grants } = useGrants();
-
-  const readOnly =
-    getPermissionsForLinode(grants, props.linodeId) === 'read_only';
-
   if (!linode) {
     return null;
   }
 
   return (
-    <>
-      {readOnly && <LinodePermissionsError />}
-      <StyledPaper>
-        <Grid container spacing={4} sx={{ flexGrow: 1 }}>
-          <Grid md={2.5} sm={6} xs={12}>
-            <NetworkTransfer
-              linodeId={linode.id}
-              linodeLabel={linode.label}
-              linodeRegionId={linode.region}
-              linodeType={linode.type}
-            />
-          </Grid>
-          <Grid
-            sx={{
-              [theme.breakpoints.down('md')]: {
-                order: 3,
-              },
-            }}
-            md
-            sm
-            xs={12}
-          >
-            <TransferHistory
-              linodeCreated={linode.created}
-              linodeID={linode.id}
-            />
-          </Grid>
-          <StyledDnsResolverGrid
-            sx={{
-              paddingBottom: 0,
-            }}
-            md={3.5}
-            sm={6}
-            xs={12}
-          >
-            <DNSResolvers region={linode.region} />
-          </StyledDnsResolverGrid>
+    <StyledPaper>
+      <Grid container spacing={4} sx={{ flexGrow: 1 }}>
+        <Grid md={2.5} sm={6} xs={12}>
+          <NetworkTransfer
+            linodeId={linode.id}
+            linodeLabel={linode.label}
+            linodeRegionId={linode.region}
+            linodeType={linode.type}
+          />
+        </Grid>
+        <Grid
+          sx={{
+            [theme.breakpoints.down('md')]: {
+              order: 3,
+            },
+          }}
+          md
+          sm
+          xs={12}
+        >
+          <TransferHistory
+            linodeCreated={linode.created}
+            linodeID={linode.id}
+          />
         </Grid>
-      </StyledPaper>
-    </>
+        <StyledDnsResolverGrid
+          sx={{
+            paddingBottom: 0,
+          }}
+          md={3.5}
+          sm={6}
+          xs={12}
+        >
+          <DNSResolvers region={linode.region} />
+        </StyledDnsResolverGrid>
+      </Grid>
+    </StyledPaper>
   );
 });
 
diff --git a/packages/manager/src/features/Linodes/LinodesDetail/LinodePermissionsError.tsx b/packages/manager/src/features/Linodes/LinodesDetail/LinodePermissionsError.tsx
index b98de01892f..23951d4edcc 100644
--- a/packages/manager/src/features/Linodes/LinodesDetail/LinodePermissionsError.tsx
+++ b/packages/manager/src/features/Linodes/LinodesDetail/LinodePermissionsError.tsx
@@ -1,10 +1,13 @@
 import * as React from 'react';
 
 import { Notice } from 'src/components/Notice/Notice';
+import { getRestrictedResourceText } from 'src/features/Account/utils';
 
 export const LinodePermissionsError = () => (
   <Notice
-    text="You don't have permission to modify this Linode. Please contact an account administrator for details."
+    text={getRestrictedResourceText({
+      resourceType: 'Linodes',
+    })}
     variant="error"
   />
 );
diff --git a/packages/manager/src/features/Linodes/LinodesDetail/LinodeResize/LinodeResize.tsx b/packages/manager/src/features/Linodes/LinodesDetail/LinodeResize/LinodeResize.tsx
index d63b0cde6e4..b0caf977cc6 100644
--- a/packages/manager/src/features/Linodes/LinodesDetail/LinodeResize/LinodeResize.tsx
+++ b/packages/manager/src/features/Linodes/LinodesDetail/LinodeResize/LinodeResize.tsx
@@ -17,8 +17,9 @@ import { Notice } from 'src/components/Notice/Notice';
 import { TooltipIcon } from 'src/components/TooltipIcon';
 import { TypeToConfirm } from 'src/components/TypeToConfirm/TypeToConfirm';
 import { Typography } from 'src/components/Typography';
-import { linodeInTransition } from 'src/features/Linodes/transitions';
 import { PlansPanel } from 'src/features/components/PlansPanel/PlansPanel';
+import { linodeInTransition } from 'src/features/Linodes/transitions';
+import { useIsResourceRestricted } from 'src/hooks/useIsResourceRestricted';
 import { useEventsPollingActions } from 'src/queries/events/events';
 import { useAllLinodeDisksQuery } from 'src/queries/linodes/disks';
 import {
@@ -26,11 +27,9 @@ import {
   useLinodeResizeMutation,
 } from 'src/queries/linodes/linodes';
 import { usePreferences } from 'src/queries/preferences';
-import { useGrants } from 'src/queries/profile';
 import { useRegionsQuery } from 'src/queries/regions';
 import { useAllTypes } from 'src/queries/types';
 import { extendType } from 'src/utilities/extendType';
-import { getPermissionsForLinode } from 'src/utilities/linodes';
 import { scrollErrorIntoView } from 'src/utilities/scrollErrorIntoView';
 
 import { HostMaintenanceError } from '../HostMaintenanceError';
@@ -70,7 +69,6 @@ export const LinodeResize = (props: Props) => {
 
   const { data: types } = useAllTypes(open);
 
-  const { data: grants } = useGrants();
   const { data: preferences } = usePreferences(open);
 
   const { enqueueSnackbar } = useSnackbar();
@@ -91,8 +89,12 @@ export const LinodeResize = (props: Props) => {
 
   const hostMaintenance = linode?.status === 'stopped';
   const isLinodeOffline = linode?.status === 'offline';
-  const unauthorized =
-    getPermissionsForLinode(grants, linodeId || 0) === 'read_only';
+
+  const isLinodesReadOnly = useIsResourceRestricted({
+    grantLevel: 'read_only',
+    grantType: 'linode',
+    id: linodeId,
+  });
 
   const formik = useFormik<ResizeLinodePayload>({
     initialValues: {
@@ -157,7 +159,7 @@ export const LinodeResize = (props: Props) => {
     }
   }, [resizeError]);
 
-  const tableDisabled = hostMaintenance || unauthorized;
+  const tableDisabled = hostMaintenance || isLinodesReadOnly;
 
   const submitButtonDisabled =
     preferences?.type_to_confirm !== false &&
@@ -191,7 +193,7 @@ export const LinodeResize = (props: Props) => {
       title={`Resize Linode ${linode?.label}`}
     >
       <form onSubmit={formik.handleSubmit}>
-        {unauthorized && <LinodePermissionsError />}
+        {isLinodesReadOnly && <LinodePermissionsError />}
         {hostMaintenance && <HostMaintenanceError />}
         {disksError && (
           <Notice
diff --git a/packages/manager/src/features/Linodes/LinodesDetail/LinodeSettings/LinodeSettings.tsx b/packages/manager/src/features/Linodes/LinodesDetail/LinodeSettings/LinodeSettings.tsx
index 3640a0b4add..892dec45064 100644
--- a/packages/manager/src/features/Linodes/LinodesDetail/LinodeSettings/LinodeSettings.tsx
+++ b/packages/manager/src/features/Linodes/LinodesDetail/LinodeSettings/LinodeSettings.tsx
@@ -3,7 +3,6 @@ import { useParams } from 'react-router-dom';
 
 import { useGrants } from 'src/queries/profile';
 
-import { LinodePermissionsError } from '../LinodePermissionsError';
 import { LinodeSettingsAlertsPanel } from './LinodeSettingsAlertsPanel';
 import { LinodeSettingsDeletePanel } from './LinodeSettingsDeletePanel';
 import { LinodeSettingsLabelPanel } from './LinodeSettingsLabelPanel';
@@ -23,7 +22,6 @@ const LinodeSettings = () => {
 
   return (
     <>
-      {isReadOnly && <LinodePermissionsError />}
       <LinodeSettingsLabelPanel isReadOnly={isReadOnly} linodeId={id} />
       <LinodeSettingsPasswordPanel isReadOnly={isReadOnly} linodeId={id} />
       <LinodeSettingsAlertsPanel isReadOnly={isReadOnly} linodeId={id} />
diff --git a/packages/manager/src/features/Linodes/LinodesDetail/LinodeStorage/LinodeDiskActionMenu.tsx b/packages/manager/src/features/Linodes/LinodesDetail/LinodeStorage/LinodeDiskActionMenu.tsx
index 7429dd0e9f1..5ad88dfe7a2 100644
--- a/packages/manager/src/features/Linodes/LinodesDetail/LinodeStorage/LinodeDiskActionMenu.tsx
+++ b/packages/manager/src/features/Linodes/LinodesDetail/LinodeStorage/LinodeDiskActionMenu.tsx
@@ -37,50 +37,40 @@ export const LinodeDiskActionMenu = (props: Props) => {
     readOnly,
   } = props;
 
-  let _tooltip =
-    linodeStatus === 'offline'
-      ? undefined
-      : 'Your Linode must be fully powered down in order to perform this action';
-
-  _tooltip = readOnly
-    ? "You don't have permissions to perform this action"
-    : _tooltip;
-
-  const disabledProps = _tooltip
-    ? {
-        disabled: true,
-        tooltip: _tooltip,
-      }
-    : {};
+  const tooltip =
+    linodeStatus !== 'offline'
+      ? 'Your Linode must be fully powered down in order to perform this action'
+      : undefined;
 
   const actions: Action[] = [
     {
       disabled: readOnly,
       onClick: onRename,
       title: 'Rename',
-      tooltip: readOnly ? _tooltip : '',
     },
     {
+      disabled: linodeStatus !== 'offline' || readOnly,
       onClick: onResize,
       title: 'Resize',
-      ...disabledProps,
+      tooltip,
     },
     {
+      disabled: readOnly,
       onClick: onImagize,
       title: 'Imagize',
-      ...(readOnly ? disabledProps : {}),
     },
     {
+      disabled: readOnly,
       onClick: () => {
         history.push(`/linodes/${linodeId}/clone/disks?selectedDisk=${diskId}`);
       },
       title: 'Clone',
-      ...(readOnly ? disabledProps : {}),
     },
     {
+      disabled: linodeStatus !== 'offline' || readOnly,
       onClick: onDelete,
       title: 'Delete',
-      ...disabledProps,
+      tooltip,
     },
   ];
 
diff --git a/packages/manager/src/features/Linodes/LinodesDetail/LinodeStorage/LinodeVolumes.tsx b/packages/manager/src/features/Linodes/LinodesDetail/LinodeStorage/LinodeVolumes.tsx
index ca8b429bc93..3175dff7d28 100644
--- a/packages/manager/src/features/Linodes/LinodesDetail/LinodeStorage/LinodeVolumes.tsx
+++ b/packages/manager/src/features/Linodes/LinodesDetail/LinodeStorage/LinodeVolumes.tsx
@@ -1,10 +1,10 @@
 import { Volume } from '@linode/api-v4';
-import Grid from '@mui/material/Unstable_Grid2';
 import { styled } from '@mui/material/styles';
+import Grid from '@mui/material/Unstable_Grid2';
 import * as React from 'react';
 import { useParams } from 'react-router-dom';
 
-import AddNewLink from 'src/components/AddNewLink';
+import { Button } from 'src/components/Button/Button';
 import { Hidden } from 'src/components/Hidden';
 import { PaginationFooter } from 'src/components/PaginationFooter/PaginationFooter';
 import { Table } from 'src/components/Table';
@@ -22,7 +22,9 @@ import { DetachVolumeDialog } from 'src/features/Volumes/DetachVolumeDialog';
 import { EditVolumeDrawer } from 'src/features/Volumes/EditVolumeDrawer';
 import { ResizeVolumeDrawer } from 'src/features/Volumes/ResizeVolumeDrawer';
 import { VolumeDetailsDrawer } from 'src/features/Volumes/VolumeDetailsDrawer';
+import { LinodeVolumeAddDrawer } from 'src/features/Volumes/VolumeDrawer/LinodeVolumeAddDrawer';
 import { VolumeTableRow } from 'src/features/Volumes/VolumeTableRow';
+import { useIsResourceRestricted } from 'src/hooks/useIsResourceRestricted';
 import { useOrder } from 'src/hooks/useOrder';
 import { usePagination } from 'src/hooks/usePagination';
 import { useLinodeQuery } from 'src/queries/linodes/linodes';
@@ -30,8 +32,6 @@ import { useRegionsQuery } from 'src/queries/regions';
 import { useLinodeVolumesQuery } from 'src/queries/volumes';
 
 import { StyledRootGrid, StyledTypography } from './CommonLinodeStorage.styles';
-import { LinodeVolumeAddDrawer } from 'src/features/Volumes/VolumeDrawer/LinodeVolumeAddDrawer';
-
 export const preferenceKey = 'linode-volumes';
 
 export const LinodeVolumes = () => {
@@ -40,6 +40,12 @@ export const LinodeVolumes = () => {
 
   const { data: linode } = useLinodeQuery(id);
 
+  const isLinodesReadOnly = useIsResourceRestricted({
+    grantLevel: 'read_only',
+    grantType: 'linode',
+    id,
+  });
+
   const { handleOrderChange, order, orderBy } = useOrder(
     {
       order: 'desc',
@@ -168,11 +174,13 @@ export const LinodeVolumes = () => {
           <StyledTypography variant="h3">Volumes</StyledTypography>
         </Grid>
         <StyledNewWrapperGrid>
-          <AddNewLink
-            disabled={false}
-            label="Create Volume"
+          <Button
+            buttonType="primary"
+            disabled={isLinodesReadOnly}
             onClick={handleCreateVolume}
-          />
+          >
+            Create Volume
+          </Button>
         </StyledNewWrapperGrid>
       </StyledRootGrid>
       <Table>
diff --git a/packages/manager/src/features/Linodes/LinodesLanding/LinodesLanding.tsx b/packages/manager/src/features/Linodes/LinodesLanding/LinodesLanding.tsx
index b39a91d10b3..3d31ea5be99 100644
--- a/packages/manager/src/features/Linodes/LinodesLanding/LinodesLanding.tsx
+++ b/packages/manager/src/features/Linodes/LinodesLanding/LinodesLanding.tsx
@@ -15,6 +15,7 @@ import {
   WithProfileProps,
   withProfile,
 } from 'src/containers/profile.container';
+import { getRestrictedResourceText } from 'src/features/Account/utils';
 import { BackupsCTA } from 'src/features/Backups/BackupsCTA';
 import { MigrateLinode } from 'src/features/Linodes/MigrateLinode/MigrateLinode';
 import { DialogType } from 'src/features/Linodes/types';
@@ -91,12 +92,18 @@ type CombinedProps = LinodesLandingProps & RouteProps & WithProfileProps;
 class ListLinodes extends React.Component<CombinedProps, State> {
   render() {
     const {
+      grants,
       linodesData,
       linodesInTransition,
       linodesRequestError,
       linodesRequestLoading,
+      profile,
     } = this.props;
 
+    const isLinodesReadOnly =
+      Boolean(profile.data?.restricted) &&
+      !grants.data?.global?.['add_linodes'];
+
     const params = new URLSearchParams(this.props.location.search);
 
     const view =
@@ -214,9 +221,17 @@ class ListLinodes extends React.Component<CombinedProps, State> {
                         ) : (
                           <div>
                             <LandingHeader
+                              buttonDataAttrs={{
+                                tooltipText: getRestrictedResourceText({
+                                  action: 'create',
+                                  isSingular: false,
+                                  resourceType: 'Linodes',
+                                }),
+                              }}
                               onButtonClick={() =>
                                 this.props.history.push('/linodes/create')
                               }
+                              disabledCreateButton={isLinodesReadOnly}
                               docsLink="https://www.linode.com/docs/platform/billing-and-support/linode-beginners-guide/"
                               entity="Linode"
                               title="Linodes"
diff --git a/packages/manager/src/features/Linodes/LinodesLanding/LinodesLandingEmptyState.tsx b/packages/manager/src/features/Linodes/LinodesLanding/LinodesLandingEmptyState.tsx
index 4ab7f896bef..631d33b1222 100644
--- a/packages/manager/src/features/Linodes/LinodesLanding/LinodesLandingEmptyState.tsx
+++ b/packages/manager/src/features/Linodes/LinodesLanding/LinodesLandingEmptyState.tsx
@@ -7,6 +7,8 @@ import PointerIcon from 'src/assets/icons/pointer.svg';
 import { ResourcesLinksSubSection } from 'src/components/EmptyLandingPageResources/ResourcesLinksSubSection';
 import { ResourcesMoreLink } from 'src/components/EmptyLandingPageResources/ResourcesMoreLink';
 import { ResourcesSection } from 'src/components/EmptyLandingPageResources/ResourcesSection';
+import { getRestrictedResourceText } from 'src/features/Account/utils';
+import { useRestrictedGlobalGrantCheck } from 'src/hooks/useRestrictedGlobalGrantCheck';
 import { sendEvent } from 'src/utilities/analytics';
 import { getLinkOnClick } from 'src/utilities/emptyStateLandingUtils';
 
@@ -23,6 +25,10 @@ const APPS_MORE_LINKS_TEXT = 'See all Marketplace apps';
 export const LinodesLandingEmptyState = () => {
   const { push } = useHistory();
 
+  const isLinodesReadOnly = useRestrictedGlobalGrantCheck({
+    globalGrantType: 'add_linodes',
+  });
+
   return (
     <ResourcesSection
       CustomResource={() => (
@@ -48,6 +54,7 @@ export const LinodesLandingEmptyState = () => {
       buttonProps={[
         {
           children: 'Create Linode',
+          disabled: isLinodesReadOnly,
           onClick: () => {
             push('/linodes/create');
             sendEvent({
@@ -56,6 +63,11 @@ export const LinodesLandingEmptyState = () => {
               label: 'Create Linode',
             });
           },
+          tooltipText: getRestrictedResourceText({
+            action: 'create',
+            isSingular: false,
+            resourceType: 'Linodes',
+          }),
         },
       ]}
       descriptionMaxWidth={500}
diff --git a/packages/manager/src/utilities/linodes.ts b/packages/manager/src/utilities/linodes.ts
index 00e813849f7..12e8811d5a1 100644
--- a/packages/manager/src/utilities/linodes.ts
+++ b/packages/manager/src/utilities/linodes.ts
@@ -1,10 +1,4 @@
-import {
-  AccountMaintenance,
-  Grant,
-  GrantLevel,
-  Grants,
-  Linode,
-} from '@linode/api-v4';
+import { AccountMaintenance, Linode } from '@linode/api-v4';
 
 export interface Maintenance {
   when: null | string;
@@ -36,18 +30,3 @@ export const addMaintenanceToLinodes = (
       : { ...thisLinode, maintenance: null };
   });
 };
-
-export const getPermissionsForLinode = (
-  grants: Grants | null | undefined,
-  linodeId: number
-): GrantLevel => {
-  if (!grants) {
-    return 'read_write';
-  } // Default to write access
-  const linodesGrants = grants.linode;
-  const linodeGrants = linodesGrants.find(
-    (grant: Grant) => grant.id === linodeId
-  );
-
-  return linodeGrants ? linodeGrants.permissions : 'read_write';
-};

From fced8ed950c9c6570047a5037f4d285da9e9b76e Mon Sep 17 00:00:00 2001
From: Jaalah Ramos <jaalah.ramos@gmail.com>
Date: Mon, 26 Feb 2024 17:34:26 -0500
Subject: [PATCH 2/8] Added changeset: Overall improvement to Linodes
 restricted experience.

---
 .../.changeset/pr-10227-tech-stories-1708986866364.md        | 5 +++++
 1 file changed, 5 insertions(+)
 create mode 100644 packages/manager/.changeset/pr-10227-tech-stories-1708986866364.md

diff --git a/packages/manager/.changeset/pr-10227-tech-stories-1708986866364.md b/packages/manager/.changeset/pr-10227-tech-stories-1708986866364.md
new file mode 100644
index 00000000000..c8bf1c7f375
--- /dev/null
+++ b/packages/manager/.changeset/pr-10227-tech-stories-1708986866364.md
@@ -0,0 +1,5 @@
+---
+"@linode/manager": Tech Stories
+---
+
+Overall improvement to Linodes restricted experience. ([#10227](https://github.com/linode/manager/pull/10227))

From a544c829e64b7888a0782782cf18b7bb845bd0c2 Mon Sep 17 00:00:00 2001
From: Jaalah Ramos <jaalah.ramos@gmail.com>
Date: Thu, 29 Feb 2024 13:42:28 -0500
Subject: [PATCH 3/8] Review updates

---
 .../manager/src/components/TagCell/TagCell.tsx |  3 ++-
 .../src/components/TagCell/TagDrawer.tsx       |  4 ++--
 .../components/TagsPanel/TagsPanel.test.tsx    | 17 +++++++++++------
 .../src/components/TagsPanel/TagsPanel.tsx     | 18 +++++++++++++++---
 .../Domains/DomainDetail/DomainDetail.tsx      |  8 ++++++--
 .../KubeSummaryPanel.tsx                       |  6 +++++-
 .../LinodeSettings/ImageAndPassword.test.tsx   |  4 ++--
 .../NodeBalancerSummary/SummaryPanel.tsx       |  1 +
 8 files changed, 44 insertions(+), 17 deletions(-)

diff --git a/packages/manager/src/components/TagCell/TagCell.tsx b/packages/manager/src/components/TagCell/TagCell.tsx
index 81e821c0008..cdccac6561c 100644
--- a/packages/manager/src/components/TagCell/TagCell.tsx
+++ b/packages/manager/src/components/TagCell/TagCell.tsx
@@ -1,6 +1,6 @@
 import MoreHoriz from '@mui/icons-material/MoreHoriz';
-import { styled } from '@mui/material/styles';
 import Grid from '@mui/material/Unstable_Grid2';
+import { styled } from '@mui/material/styles';
 import { SxProps } from '@mui/system';
 import * as React from 'react';
 
@@ -91,6 +91,7 @@ const TagCell = (props: TagCellProps) => {
             {tags.map((thisTag) => (
               <StyledTag
                 colorVariant="lightBlue"
+                disabled={disabled}
                 key={`tag-item-${thisTag}`}
                 label={thisTag}
                 loading={loading}
diff --git a/packages/manager/src/components/TagCell/TagDrawer.tsx b/packages/manager/src/components/TagCell/TagDrawer.tsx
index 675f59b2bfe..19cff2b0900 100644
--- a/packages/manager/src/components/TagCell/TagDrawer.tsx
+++ b/packages/manager/src/components/TagCell/TagDrawer.tsx
@@ -15,11 +15,11 @@ export interface TagDrawerProps {
 }
 
 const TagDrawer = (props: TagDrawerProps) => {
-  const { entityLabel, onClose, open, tags, updateTags } = props;
+  const { entityID, entityLabel, onClose, open, tags, updateTags } = props;
 
   return (
     <Drawer onClose={onClose} open={open} title={`Tags (${entityLabel})`}>
-      <TagsPanel tags={tags} updateTags={updateTags} />
+      <TagsPanel entityId={entityID} tags={tags} updateTags={updateTags} />
     </Drawer>
   );
 };
diff --git a/packages/manager/src/components/TagsPanel/TagsPanel.test.tsx b/packages/manager/src/components/TagsPanel/TagsPanel.test.tsx
index 0b572f63c9d..e3b420fe799 100644
--- a/packages/manager/src/components/TagsPanel/TagsPanel.test.tsx
+++ b/packages/manager/src/components/TagsPanel/TagsPanel.test.tsx
@@ -1,4 +1,5 @@
 import { fireEvent, waitFor } from '@testing-library/react';
+import userEvent from '@testing-library/user-event';
 import React from 'react';
 import { QueryClient, QueryClientProvider } from 'react-query';
 
@@ -7,7 +8,6 @@ import { renderWithTheme } from 'src/utilities/testHelpers';
 import { TagsPanel } from './TagsPanel';
 
 import type { TagsPanelProps } from './TagsPanel';
-import userEvent from '@testing-library/user-event';
 
 const queryClient = new QueryClient();
 
@@ -17,12 +17,17 @@ const renderWithQueryClient = (ui: React.ReactElement<TagsPanelProps>) => {
   );
 };
 
+const tagsPanelProps = {
+  entityId: 123,
+  tags: ['Tag1', 'Tag2'],
+};
+
 describe('TagsPanel', () => {
   it('renders TagsPanel component with existing tags', async () => {
     const updateTagsMock = vi.fn(() => Promise.resolve());
 
     const { getByLabelText, getByText } = renderWithQueryClient(
-      <TagsPanel tags={['Tag1', 'Tag2']} updateTags={updateTagsMock} />
+      <TagsPanel {...tagsPanelProps} updateTags={updateTagsMock} />
     );
 
     expect(getByText('Tag1')).toBeInTheDocument();
@@ -41,7 +46,7 @@ describe('TagsPanel', () => {
     const updateTagsMock = vi.fn(() => Promise.resolve());
 
     const { getByLabelText, getByText } = renderWithQueryClient(
-      <TagsPanel tags={['Tag1', 'Tag2']} updateTags={updateTagsMock} />
+      <TagsPanel {...tagsPanelProps} updateTags={updateTagsMock} />
     );
 
     await userEvent.click(getByText('Add a tag'));
@@ -62,7 +67,7 @@ describe('TagsPanel', () => {
     const updateTagsMock = vi.fn(() => Promise.resolve());
 
     const { getByLabelText, getByText } = renderWithQueryClient(
-      <TagsPanel tags={['Tag1', 'Tag2']} updateTags={updateTagsMock} />
+      <TagsPanel {...tagsPanelProps} updateTags={updateTagsMock} />
     );
 
     fireEvent.click(getByText('Add a tag'));
@@ -89,7 +94,7 @@ describe('TagsPanel', () => {
       getByText,
       queryByLabelText,
     } = renderWithQueryClient(
-      <TagsPanel tags={['Tag1', 'Tag2']} updateTags={updateTagsMock} />
+      <TagsPanel {...tagsPanelProps} updateTags={updateTagsMock} />
     );
 
     expect(getByText('Tag1')).toBeInTheDocument();
@@ -107,7 +112,7 @@ describe('TagsPanel', () => {
     const updateTagsMock = vi.fn(() => Promise.resolve());
 
     const { getByText, queryByLabelText, queryByText } = renderWithQueryClient(
-      <TagsPanel disabled tags={['Tag1', 'Tag2']} updateTags={updateTagsMock} />
+      <TagsPanel {...tagsPanelProps} disabled updateTags={updateTagsMock} />
     );
 
     expect(getByText('Tag1')).toBeInTheDocument();
diff --git a/packages/manager/src/components/TagsPanel/TagsPanel.tsx b/packages/manager/src/components/TagsPanel/TagsPanel.tsx
index be5b9e4388a..121f6df8c13 100644
--- a/packages/manager/src/components/TagsPanel/TagsPanel.tsx
+++ b/packages/manager/src/components/TagsPanel/TagsPanel.tsx
@@ -9,6 +9,7 @@ import { CircleProgress } from 'src/components/CircleProgress';
 import Select from 'src/components/EnhancedSelect/Select';
 import { Tag } from 'src/components/Tag/Tag';
 import { Typography } from 'src/components/Typography';
+import { useIsResourceRestricted } from 'src/hooks/useIsResourceRestricted';
 import { useProfile } from 'src/queries/profile';
 import { updateTagsSuggestionsData, useTagSuggestions } from 'src/queries/tags';
 import { getErrorStringOrDefault } from 'src/utilities/errorUtils';
@@ -33,6 +34,10 @@ export interface TagsPanelProps {
    * If true, the input will be disabled and no tags can be added or removed.
    */
   disabled?: boolean;
+  /**
+   * The ID of the entity to which the tags belong.
+   */
+  entityId: number;
   /**
    * The tags to display.
    */
@@ -45,7 +50,7 @@ export interface TagsPanelProps {
 
 export const TagsPanel = (props: TagsPanelProps) => {
   const { classes, cx } = useStyles();
-  const { disabled, tags, updateTags } = props;
+  const { disabled, entityId, tags, updateTags } = props;
 
   const queryClient = useQueryClient();
 
@@ -61,6 +66,12 @@ export const TagsPanel = (props: TagsPanelProps) => {
     isLoading: userTagsLoading,
   } = useTagSuggestions(!profile?.restricted);
 
+  const isLinodesReadOnly = useIsResourceRestricted({
+    grantLevel: 'read_only',
+    grantType: 'linode',
+    id: entityId,
+  });
+
   const tagsToSuggest = React.useMemo<Item[] | undefined>(
     () =>
       userTags
@@ -165,7 +176,7 @@ export const TagsPanel = (props: TagsPanelProps) => {
           className={classes.selectTag}
           creatable
           createOptionPosition="first"
-          disabled={disabled}
+          disabled={disabled || isLinodesReadOnly}
           escapeClearsValue
           hideLabel
           isLoading={userTagsLoading}
@@ -184,7 +195,7 @@ export const TagsPanel = (props: TagsPanelProps) => {
         >
           <StyledTagButton
             buttonType="outlined"
-            disabled={disabled}
+            disabled={disabled || isLinodesReadOnly}
             endIcon={<StyledPlusIcon disabled={disabled} />}
             onClick={toggleTagInput}
           >
@@ -206,6 +217,7 @@ export const TagsPanel = (props: TagsPanelProps) => {
                 [classes.tag]: true,
               })}
               colorVariant="lightBlue"
+              disabled={disabled || isLinodesReadOnly}
               key={`tag-item-${thisTag}`}
               label={thisTag}
               maxLength={30}
diff --git a/packages/manager/src/features/Domains/DomainDetail/DomainDetail.tsx b/packages/manager/src/features/Domains/DomainDetail/DomainDetail.tsx
index 14f1ce02ed8..1c86e4716c1 100644
--- a/packages/manager/src/features/Domains/DomainDetail/DomainDetail.tsx
+++ b/packages/manager/src/features/Domains/DomainDetail/DomainDetail.tsx
@@ -107,7 +107,7 @@ export const DomainDetail = () => {
         title="Domain Details"
       />
       {location.state && location.state.recordError && (
-        <StyledNotice variant="error" text={location.state.recordError} />
+        <StyledNotice text={location.state.recordError} variant="error" />
       )}
       <StyledRootGrid container>
         <StyledMainGrid xs={12}>
@@ -123,7 +123,11 @@ export const DomainDetail = () => {
             <StyledTypography data-qa-title variant="h3">
               Tags
             </StyledTypography>
-            <TagsPanel tags={domain.tags} updateTags={handleUpdateTags} />
+            <TagsPanel
+              entityId={domain.id}
+              tags={domain.tags}
+              updateTags={handleUpdateTags}
+            />
           </StyledPaper>
           <StyledDiv>
             <DeleteDomain
diff --git a/packages/manager/src/features/Kubernetes/KubernetesClusterDetail/KubeSummaryPanel.tsx b/packages/manager/src/features/Kubernetes/KubernetesClusterDetail/KubeSummaryPanel.tsx
index b90234ccb59..e14d581435f 100644
--- a/packages/manager/src/features/Kubernetes/KubernetesClusterDetail/KubeSummaryPanel.tsx
+++ b/packages/manager/src/features/Kubernetes/KubernetesClusterDetail/KubeSummaryPanel.tsx
@@ -197,7 +197,11 @@ export const KubeSummaryPanel = (props: Props) => {
               </Button>
             </Grid>
             <Grid className={classes.tags}>
-              <TagsPanel tags={cluster.tags} updateTags={handleUpdateTags} />
+              <TagsPanel
+                entityId={cluster.id}
+                tags={cluster.tags}
+                updateTags={handleUpdateTags}
+              />
             </Grid>
           </Grid>
         </Grid>
diff --git a/packages/manager/src/features/Linodes/LinodesDetail/LinodeSettings/ImageAndPassword.test.tsx b/packages/manager/src/features/Linodes/LinodesDetail/LinodeSettings/ImageAndPassword.test.tsx
index 184c704d46e..ec9be4b2720 100644
--- a/packages/manager/src/features/Linodes/LinodesDetail/LinodeSettings/ImageAndPassword.test.tsx
+++ b/packages/manager/src/features/Linodes/LinodesDetail/LinodeSettings/ImageAndPassword.test.tsx
@@ -78,7 +78,7 @@ describe('ImageAndPassword', () => {
       <ImageAndPassword {...props} />
     );
 
-    await findByText(`You don't have permission to modify this Linode.`, {
+    await findByText(`You don't have permissions to edit this Linode.`, {
       exact: false,
     });
 
@@ -98,7 +98,7 @@ describe('ImageAndPassword', () => {
       <ImageAndPassword {...props} />
     );
 
-    await findByText(`You don't have permission to modify this Linode.`, {
+    await findByText(`You don't have permissions to edit this Linode.`, {
       exact: false,
     });
 
diff --git a/packages/manager/src/features/NodeBalancers/NodeBalancerDetail/NodeBalancerSummary/SummaryPanel.tsx b/packages/manager/src/features/NodeBalancers/NodeBalancerDetail/NodeBalancerSummary/SummaryPanel.tsx
index 4cb0cc8cf27..14cb3004256 100644
--- a/packages/manager/src/features/NodeBalancers/NodeBalancerDetail/NodeBalancerSummary/SummaryPanel.tsx
+++ b/packages/manager/src/features/NodeBalancers/NodeBalancerDetail/NodeBalancerSummary/SummaryPanel.tsx
@@ -135,6 +135,7 @@ export const SummaryPanel = () => {
         </StyledTitle>
         <TagsPanel
           disabled={isNodeBalancerReadOnly}
+          entityId={nodebalancer.id}
           tags={nodebalancer?.tags}
           updateTags={(tags) => updateNodeBalancer({ tags })}
         />

From 6d7d1dc3da32e9325c0e504c7ff1698a6bf76a96 Mon Sep 17 00:00:00 2001
From: Jaalah Ramos <125309814+jaalah-akamai@users.noreply.github.com>
Date: Fri, 1 Mar 2024 14:22:08 -0500
Subject: [PATCH 4/8] Update
 packages/manager/.changeset/pr-10227-tech-stories-1708986866364.md

Co-authored-by: Mariah Jacobs <114685994+mjac0bs@users.noreply.github.com>
---
 .../manager/.changeset/pr-10227-tech-stories-1708986866364.md   | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/manager/.changeset/pr-10227-tech-stories-1708986866364.md b/packages/manager/.changeset/pr-10227-tech-stories-1708986866364.md
index c8bf1c7f375..e9cf74bfb9d 100644
--- a/packages/manager/.changeset/pr-10227-tech-stories-1708986866364.md
+++ b/packages/manager/.changeset/pr-10227-tech-stories-1708986866364.md
@@ -2,4 +2,4 @@
 "@linode/manager": Tech Stories
 ---
 
-Overall improvement to Linodes restricted experience. ([#10227](https://github.com/linode/manager/pull/10227))
+Improve the Linodes restricted user experience ([#10227](https://github.com/linode/manager/pull/10227))

From 74ef4a44aa45bbb4082357cefdf11c0b18d49c37 Mon Sep 17 00:00:00 2001
From: Jaalah Ramos <jaalah.ramos@gmail.com>
Date: Fri, 1 Mar 2024 15:23:48 -0500
Subject: [PATCH 5/8] Card view

---
 .../src/components/TagsPanel/TagsPanel.tsx    |  8 +--
 .../features/Linodes/LinodeEntityDetail.tsx   |  6 +-
 .../Linodes/LinodeEntityDetailFooter.tsx      |  6 +-
 .../Linodes/LinodeEntityDetailHeader.tsx      |  8 +--
 .../Linodes/LinodesCreate/LinodeCreate.tsx    |  1 +
 .../SelectLinodePanel/SelectLinodeCard.tsx    | 11 ++-
 .../SelectLinodePanel/SelectLinodeCards.tsx   |  2 -
 .../SelectLinodePanel/SelectLinodePanel.tsx   |  2 -
 .../SelectLinodePanel/SelectLinodeRow.tsx     | 19 ++++-
 .../SelectLinodePanel/SelectLinodeTable.tsx   | 70 +++++++++++--------
 .../TabbedContent/FromLinodeContent.tsx       |  2 -
 .../LinodeNetworking/LinodeIPAddresses.tsx    | 22 +++---
 .../LinodeResize/LinodeResize.tsx             |  6 +-
 .../LinodeStorage/LinodeVolumes.tsx           |  4 +-
 .../Linodes/LinodesLanding/LinodesLanding.tsx |  4 +-
 .../LinodesLandingEmptyState.tsx              |  4 +-
 16 files changed, 98 insertions(+), 77 deletions(-)

diff --git a/packages/manager/src/components/TagsPanel/TagsPanel.tsx b/packages/manager/src/components/TagsPanel/TagsPanel.tsx
index 121f6df8c13..465c2335fd9 100644
--- a/packages/manager/src/components/TagsPanel/TagsPanel.tsx
+++ b/packages/manager/src/components/TagsPanel/TagsPanel.tsx
@@ -66,7 +66,7 @@ export const TagsPanel = (props: TagsPanelProps) => {
     isLoading: userTagsLoading,
   } = useTagSuggestions(!profile?.restricted);
 
-  const isLinodesReadOnly = useIsResourceRestricted({
+  const isLinodesGrantReadOnly = useIsResourceRestricted({
     grantLevel: 'read_only',
     grantType: 'linode',
     id: entityId,
@@ -176,7 +176,7 @@ export const TagsPanel = (props: TagsPanelProps) => {
           className={classes.selectTag}
           creatable
           createOptionPosition="first"
-          disabled={disabled || isLinodesReadOnly}
+          disabled={disabled || isLinodesGrantReadOnly}
           escapeClearsValue
           hideLabel
           isLoading={userTagsLoading}
@@ -195,7 +195,7 @@ export const TagsPanel = (props: TagsPanelProps) => {
         >
           <StyledTagButton
             buttonType="outlined"
-            disabled={disabled || isLinodesReadOnly}
+            disabled={disabled || isLinodesGrantReadOnly}
             endIcon={<StyledPlusIcon disabled={disabled} />}
             onClick={toggleTagInput}
           >
@@ -217,7 +217,7 @@ export const TagsPanel = (props: TagsPanelProps) => {
                 [classes.tag]: true,
               })}
               colorVariant="lightBlue"
-              disabled={disabled || isLinodesReadOnly}
+              disabled={disabled || isLinodesGrantReadOnly}
               key={`tag-item-${thisTag}`}
               label={thisTag}
               maxLength={30}
diff --git a/packages/manager/src/features/Linodes/LinodeEntityDetail.tsx b/packages/manager/src/features/Linodes/LinodeEntityDetail.tsx
index e395a2fccab..251bdabf4fa 100644
--- a/packages/manager/src/features/Linodes/LinodeEntityDetail.tsx
+++ b/packages/manager/src/features/Linodes/LinodeEntityDetail.tsx
@@ -67,7 +67,7 @@ export const LinodeEntityDetail = (props: Props) => {
     vpcLinodeIsAssignedTo,
   } = useVPCConfigInterface(linode.id);
 
-  const isLinodesReadOnly = useIsResourceRestricted({
+  const isLinodesGrantReadOnly = useIsResourceRestricted({
     grantLevel: 'read_only',
     grantType: 'linode',
     id: linode.id,
@@ -93,7 +93,7 @@ export const LinodeEntityDetail = (props: Props) => {
 
   return (
     <>
-      {isLinodesReadOnly && (
+      {isLinodesGrantReadOnly && (
         <Notice
           text={getRestrictedResourceText({
             resourceType: 'Linodes',
@@ -122,7 +122,7 @@ export const LinodeEntityDetail = (props: Props) => {
         }
         footer={
           <LinodeEntityDetailFooter
-            isLinodesReadOnly
+            isLinodesGrantReadOnly
             linodeCreated={linode.created}
             linodeId={linode.id}
             linodeLabel={linode.label}
diff --git a/packages/manager/src/features/Linodes/LinodeEntityDetailFooter.tsx b/packages/manager/src/features/Linodes/LinodeEntityDetailFooter.tsx
index b373425e39b..4972bd71b73 100644
--- a/packages/manager/src/features/Linodes/LinodeEntityDetailFooter.tsx
+++ b/packages/manager/src/features/Linodes/LinodeEntityDetailFooter.tsx
@@ -34,7 +34,7 @@ export type Props = LinodeEntityDetailProps & {
 };
 
 interface FooterProps {
-  isLinodesReadOnly: boolean;
+  isLinodesGrantReadOnly: boolean;
   linodeCreated: string;
   linodeId: number;
   linodeLabel: string;
@@ -50,7 +50,7 @@ export const LinodeEntityDetailFooter = React.memo((props: FooterProps) => {
   const { data: profile } = useProfile();
 
   const {
-    isLinodesReadOnly,
+    isLinodesGrantReadOnly,
     linodeCreated,
     linodeId,
     linodePlan,
@@ -162,7 +162,7 @@ export const LinodeEntityDetailFooter = React.memo((props: FooterProps) => {
               flexDirection: 'row-reverse',
             },
           }}
-          disabled={isLinodesReadOnly}
+          disabled={isLinodesGrantReadOnly}
           listAllTags={openTagDrawer}
           tags={linodeTags}
           updateTags={updateTags}
diff --git a/packages/manager/src/features/Linodes/LinodeEntityDetailHeader.tsx b/packages/manager/src/features/Linodes/LinodeEntityDetailHeader.tsx
index 6817754f797..063453886d8 100644
--- a/packages/manager/src/features/Linodes/LinodeEntityDetailHeader.tsx
+++ b/packages/manager/src/features/Linodes/LinodeEntityDetailHeader.tsx
@@ -83,7 +83,7 @@ export const LinodeEntityDetailHeader = (
     variant,
   } = props;
 
-  const isLinodesReadOnly = useIsResourceRestricted({
+  const isLinodesGrantReadOnly = useIsResourceRestricted({
     grantLevel: 'read_only',
     grantType: 'linode',
     id: linodeId,
@@ -197,14 +197,14 @@ export const LinodeEntityDetailHeader = (
               handlers.onOpenPowerDialog(isRunning ? 'Power Off' : 'Power On')
             }
             buttonType="secondary"
-            disabled={!(isRunning || isOffline) || isLinodesReadOnly}
+            disabled={!(isRunning || isOffline) || isLinodesGrantReadOnly}
             sx={sxActionItem}
           >
             {isRunning ? 'Power Off' : 'Power On'}
           </Button>
           <Button
             buttonType="secondary"
-            disabled={isOffline || isLinodesReadOnly}
+            disabled={isOffline || isLinodesGrantReadOnly}
             onClick={() => handlers.onOpenPowerDialog('Reboot')}
             sx={sxActionItem}
           >
@@ -215,7 +215,7 @@ export const LinodeEntityDetailHeader = (
               handleConsoleButtonClick(linodeId);
             }}
             buttonType="secondary"
-            disabled={isLinodesReadOnly}
+            disabled={isLinodesGrantReadOnly}
             sx={sxActionItem}
           >
             Launch LISH Console
diff --git a/packages/manager/src/features/Linodes/LinodesCreate/LinodeCreate.tsx b/packages/manager/src/features/Linodes/LinodesCreate/LinodeCreate.tsx
index 5b4026bfa4b..f7ceba0ec3b 100644
--- a/packages/manager/src/features/Linodes/LinodesCreate/LinodeCreate.tsx
+++ b/packages/manager/src/features/Linodes/LinodesCreate/LinodeCreate.tsx
@@ -709,6 +709,7 @@ export class LinodeCreate extends React.PureComponent<
                   <Link to={FIREWALL_GET_STARTED_LINK}>Learn more</Link>.
                 </Typography>
               }
+              disabled={userCannotCreateLinode}
               entityType="linode"
               handleFirewallChange={this.props.handleFirewallChange}
               selectedFirewallId={this.props.firewallId || -1}
diff --git a/packages/manager/src/features/Linodes/LinodesCreate/SelectLinodePanel/SelectLinodeCard.tsx b/packages/manager/src/features/Linodes/LinodesCreate/SelectLinodePanel/SelectLinodeCard.tsx
index 568554fb3cd..cf57aa2103d 100644
--- a/packages/manager/src/features/Linodes/LinodesCreate/SelectLinodePanel/SelectLinodeCard.tsx
+++ b/packages/manager/src/features/Linodes/LinodesCreate/SelectLinodePanel/SelectLinodeCard.tsx
@@ -2,6 +2,7 @@ import { Linode } from '@linode/api-v4';
 import React from 'react';
 
 import { SelectionCard } from 'src/components/SelectionCard/SelectionCard';
+import { useIsResourceRestricted } from 'src/hooks/useIsResourceRestricted';
 import { useImageQuery } from 'src/queries/images';
 import { useRegionsQuery } from 'src/queries/regions';
 import { useTypeQuery } from 'src/queries/types';
@@ -9,14 +10,12 @@ import { formatStorageUnits } from 'src/utilities/formatStorageUnits';
 import { isNotNullOrUndefined } from 'src/utilities/nullOrUndefined';
 
 interface Props {
-  disabled?: boolean;
   handleSelection: () => void;
   linode: Linode;
   selected?: boolean;
 }
 
 export const SelectLinodeCard = ({
-  disabled,
   handleSelection,
   linode,
   selected,
@@ -33,6 +32,12 @@ export const SelectLinodeCard = ({
     Boolean(linode?.image)
   );
 
+  const isLinodesGrantReadOnly = useIsResourceRestricted({
+    grantLevel: 'read_only',
+    grantType: 'linode',
+    id: linode?.id,
+  });
+
   const type = linodeType ? formatStorageUnits(linodeType?.label) : linode.type;
   const image = linodeImage?.label ?? linode.image;
   const region =
@@ -45,7 +50,7 @@ export const SelectLinodeCard = ({
         [type, image, region].filter(isNotNullOrUndefined).join(', '),
       ]}
       checked={selected}
-      disabled={disabled}
+      disabled={isLinodesGrantReadOnly}
       heading={linode.label}
       key={`selection-card-${linode.id}`}
       onClick={handleSelection}
diff --git a/packages/manager/src/features/Linodes/LinodesCreate/SelectLinodePanel/SelectLinodeCards.tsx b/packages/manager/src/features/Linodes/LinodesCreate/SelectLinodePanel/SelectLinodeCards.tsx
index eb372dc8e55..bfebadcdf97 100644
--- a/packages/manager/src/features/Linodes/LinodesCreate/SelectLinodePanel/SelectLinodeCards.tsx
+++ b/packages/manager/src/features/Linodes/LinodesCreate/SelectLinodePanel/SelectLinodeCards.tsx
@@ -5,7 +5,6 @@ import { SelectLinodeCard } from './SelectLinodeCard';
 import { RenderLinodeProps } from './SelectLinodePanel';
 
 export const SelectLinodeCards = ({
-  disabled,
   handleSelection,
   orderBy: { data: linodes },
   selectedLinodeId,
@@ -16,7 +15,6 @@ export const SelectLinodeCards = ({
         handleSelection={() =>
           handleSelection(linode.id, linode.type, linode.specs.disk)
         }
-        disabled={disabled}
         key={linode.id}
         linode={linode}
         selected={linode.id == selectedLinodeId}
diff --git a/packages/manager/src/features/Linodes/LinodesCreate/SelectLinodePanel/SelectLinodePanel.tsx b/packages/manager/src/features/Linodes/LinodesCreate/SelectLinodePanel/SelectLinodePanel.tsx
index 9d4b440720f..7bc8cb4663f 100644
--- a/packages/manager/src/features/Linodes/LinodesCreate/SelectLinodePanel/SelectLinodePanel.tsx
+++ b/packages/manager/src/features/Linodes/LinodesCreate/SelectLinodePanel/SelectLinodePanel.tsx
@@ -174,7 +174,6 @@ export const SelectLinodePanel = (props: Props) => {
                       order,
                       orderBy,
                     }}
-                    disabled={disabled ?? false}
                     handleSelection={handleSelection}
                     selectedLinodeId={selectedLinodeID}
                     showPowerActions={showPowerActions ?? false}
@@ -207,7 +206,6 @@ export const SelectLinodePanel = (props: Props) => {
 };
 
 export interface RenderLinodeProps {
-  disabled: boolean;
   handlePowerOff: (linodeId: number) => void;
   handleSelection: Props['handleSelection'];
   orderBy: OrderByProps<Linode>;
diff --git a/packages/manager/src/features/Linodes/LinodesCreate/SelectLinodePanel/SelectLinodeRow.tsx b/packages/manager/src/features/Linodes/LinodesCreate/SelectLinodePanel/SelectLinodeRow.tsx
index 5e4bf419a29..c00380ba2e2 100644
--- a/packages/manager/src/features/Linodes/LinodesCreate/SelectLinodePanel/SelectLinodeRow.tsx
+++ b/packages/manager/src/features/Linodes/LinodesCreate/SelectLinodePanel/SelectLinodeRow.tsx
@@ -15,6 +15,7 @@ import { TableRow } from 'src/components/TableRow';
 import { TableSortCell } from 'src/components/TableSortCell';
 import { Typography } from 'src/components/Typography';
 import { getLinodeIconStatus } from 'src/features/Linodes/LinodesLanding/utils';
+import { useIsResourceRestricted } from 'src/hooks/useIsResourceRestricted';
 import { useImageQuery } from 'src/queries/images';
 import {
   queryKey as linodesQueryKey,
@@ -38,7 +39,6 @@ interface Props {
 export const SelectLinodeRow = (props: Props) => {
   const queryClient = useQueryClient();
   const {
-    disabled,
     handlePowerOff,
     handleSelection,
     linodeId,
@@ -64,6 +64,12 @@ export const SelectLinodeRow = (props: Props) => {
     Boolean(linode?.image)
   );
 
+  const isLinodesGrantReadOnly = useIsResourceRestricted({
+    grantLevel: 'read_only',
+    grantType: 'linode',
+    id: linode?.id,
+  });
+
   // If the Linode's status is running, we want to check if its interfaces associated with this subnet have become active so
   // that we can determine if it needs a reboot or not. So, we need to invalidate the linode configs query to get the most up to date information.
   React.useEffect(() => {
@@ -110,13 +116,19 @@ export const SelectLinodeRow = (props: Props) => {
   const isRunning = linode.status == 'running';
 
   return (
-    <TableRow onClick={handleSelection}>
+    <TableRow
+      disabled={isLinodesGrantReadOnly}
+      onClick={isLinodesGrantReadOnly ? undefined : handleSelection}
+    >
       <TableCell
         component="th"
         scope="row"
         sx={{ height: theme.spacing(6), padding: '0 !important', width: '3%' }}
       >
-        <Radio checked={selected} disabled={disabled} />
+        <Radio
+          checked={!isLinodesGrantReadOnly && selected}
+          disabled={isLinodesGrantReadOnly}
+        />
       </TableCell>
       <TableCell>{linode.label}</TableCell>
       <TableCell statusCell>
@@ -139,6 +151,7 @@ export const SelectLinodeRow = (props: Props) => {
             <InlineMenuAction
               actionText="Power Off"
               buttonHeight={47}
+              disabled={isLinodesGrantReadOnly}
               onClick={handlePowerOff}
             />
           )}
diff --git a/packages/manager/src/features/Linodes/LinodesCreate/SelectLinodePanel/SelectLinodeTable.tsx b/packages/manager/src/features/Linodes/LinodesCreate/SelectLinodePanel/SelectLinodeTable.tsx
index 953ca9b1740..99b136186bc 100644
--- a/packages/manager/src/features/Linodes/LinodesCreate/SelectLinodePanel/SelectLinodeTable.tsx
+++ b/packages/manager/src/features/Linodes/LinodesCreate/SelectLinodePanel/SelectLinodeTable.tsx
@@ -4,6 +4,7 @@ import { Table } from 'src/components/Table';
 import { TableBody } from 'src/components/TableBody';
 import { TableHead } from 'src/components/TableHead';
 import { TableRowEmpty } from 'src/components/TableRowEmpty/TableRowEmpty';
+import { useIsResourceRestricted } from 'src/hooks/useIsResourceRestricted';
 
 import { RenderLinodeProps } from './SelectLinodePanel';
 import {
@@ -11,40 +12,47 @@ import {
   SelectLinodeTableRowHead,
   numCols,
 } from './SelectLinodeRow';
-
 export const SelectLinodeTable = ({
-  disabled,
   handlePowerOff,
   handleSelection,
   orderBy,
   selectedLinodeId,
   showPowerActions,
-}: RenderLinodeProps) => (
-  <Table aria-label="Linode" size="small">
-    <TableHead style={{ fontSize: '.875rem' }}>
-      <SelectLinodeTableRowHead
-        orderBy={orderBy}
-        showPowerActions={showPowerActions}
-      />
-    </TableHead>
-    <TableBody role="radiogroup">
-      {orderBy.data.length > 0 ? (
-        orderBy.data.map((linode) => (
-          <SelectLinodeRow
-            handleSelection={() =>
-              handleSelection(linode.id, linode.type, linode.specs.disk)
-            }
-            disabled={disabled}
-            handlePowerOff={() => handlePowerOff(linode.id)}
-            key={linode.id}
-            linodeId={linode.id}
-            selected={Number(selectedLinodeId) === linode.id}
-            showPowerActions={showPowerActions}
-          />
-        ))
-      ) : (
-        <TableRowEmpty colSpan={numCols} message={'No results'} />
-      )}
-    </TableBody>
-  </Table>
-);
+}: RenderLinodeProps) => {
+  const isLinodesGrantReadOnly = useIsResourceRestricted({
+    grantLevel: 'read_only',
+    grantType: 'linode',
+    id: selectedLinodeId,
+  });
+  return (
+    <Table aria-label="Linode" size="small">
+      <TableHead style={{ fontSize: '.875rem' }}>
+        <SelectLinodeTableRowHead
+          orderBy={orderBy}
+          showPowerActions={showPowerActions}
+        />
+      </TableHead>
+      <TableBody role="radiogroup">
+        {orderBy.data.length > 0 ? (
+          orderBy.data.map((linode) => (
+            <SelectLinodeRow
+              handleSelection={() =>
+                handleSelection(linode.id, linode.type, linode.specs.disk)
+              }
+              selected={
+                !isLinodesGrantReadOnly &&
+                Number(selectedLinodeId) === linode.id
+              }
+              handlePowerOff={() => handlePowerOff(linode.id)}
+              key={linode.id}
+              linodeId={linode.id}
+              showPowerActions={showPowerActions}
+            />
+          ))
+        ) : (
+          <TableRowEmpty colSpan={numCols} message={'No results'} />
+        )}
+      </TableBody>
+    </Table>
+  );
+};
diff --git a/packages/manager/src/features/Linodes/LinodesCreate/TabbedContent/FromLinodeContent.tsx b/packages/manager/src/features/Linodes/LinodesCreate/TabbedContent/FromLinodeContent.tsx
index 91fd233eea3..c69229e26af 100644
--- a/packages/manager/src/features/Linodes/LinodesCreate/TabbedContent/FromLinodeContent.tsx
+++ b/packages/manager/src/features/Linodes/LinodesCreate/TabbedContent/FromLinodeContent.tsx
@@ -37,7 +37,6 @@ export const FromLinodeContent = (props: CombinedProps) => {
     typesData,
     updateLinodeID,
     updateTypeID,
-    userCannotCreateLinode,
   } = props;
 
   const extendedTypes = typesData?.map(extendType);
@@ -103,7 +102,6 @@ export const FromLinodeContent = (props: CombinedProps) => {
                 : []),
             ]}
             data-qa-linode-panel
-            disabled={userCannotCreateLinode}
             error={hasErrorFor('linode_id')}
             handleSelection={handleSelectLinode}
             header={'Select Linode to Clone From'}
diff --git a/packages/manager/src/features/Linodes/LinodesDetail/LinodeNetworking/LinodeIPAddresses.tsx b/packages/manager/src/features/Linodes/LinodesDetail/LinodeNetworking/LinodeIPAddresses.tsx
index 609a95a1212..ef46cbfeba6 100644
--- a/packages/manager/src/features/Linodes/LinodesDetail/LinodeNetworking/LinodeIPAddresses.tsx
+++ b/packages/manager/src/features/Linodes/LinodesDetail/LinodeNetworking/LinodeIPAddresses.tsx
@@ -27,16 +27,16 @@ import { EditIPRDNSDrawer } from './EditIPRDNSDrawer';
 import { EditRangeRDNSDrawer } from './EditRangeRDNSDrawer';
 import IPSharing from './IPSharing';
 import { IPTransfer } from './IPTransfer';
+import { IPAddressRowHandlers, LinodeIPAddressRow } from './LinodeIPAddressRow';
 import {
   StyledRootGrid,
   StyledTypography,
   StyledWrapperGrid,
 } from './LinodeIPAddresses.styles';
-import { IPAddressRowHandlers, LinodeIPAddressRow } from './LinodeIPAddressRow';
-import { IPTypes } from './types';
 import { ViewIPDrawer } from './ViewIPDrawer';
-import { ViewRangeDrawer } from './ViewRangeDrawer';
 import { ViewRDNSDrawer } from './ViewRDNSDrawer';
+import { ViewRangeDrawer } from './ViewRangeDrawer';
+import { IPTypes } from './types';
 
 export const ipv4TableID = 'ips';
 
@@ -49,7 +49,7 @@ export const LinodeIPAddresses = (props: LinodeIPAddressesProps) => {
 
   const { data: ips, error, isLoading } = useLinodeIPsQuery(linodeID);
 
-  const isLinodesReadOnly = useIsResourceRestricted({
+  const isLinodesGrantReadOnly = useIsResourceRestricted({
     grantLevel: 'read_only',
     grantType: 'linode',
     id: linodeID,
@@ -141,14 +141,14 @@ export const LinodeIPAddresses = (props: LinodeIPAddressesProps) => {
             <Hidden smDown>
               <Button
                 buttonType="secondary"
-                disabled={isLinodesReadOnly}
+                disabled={isLinodesGrantReadOnly}
                 onClick={() => setIsTransferDialogOpen(true)}
               >
                 IP Transfer
               </Button>
               <Button
                 buttonType="secondary"
-                disabled={isLinodesReadOnly}
+                disabled={isLinodesGrantReadOnly}
                 onClick={() => setIsShareDialogOpen(true)}
                 style={{ marginRight: 16 }}
               >
@@ -156,7 +156,7 @@ export const LinodeIPAddresses = (props: LinodeIPAddressesProps) => {
               </Button>
             </Hidden>
             <AddNewLink
-              disabled={isLinodesReadOnly}
+              disabled={isLinodesGrantReadOnly}
               label="Add an IP Address"
               onClick={() => setIsAddDrawerOpen(true)}
             />
@@ -202,7 +202,7 @@ export const LinodeIPAddresses = (props: LinodeIPAddressesProps) => {
                         }
                         key={`${ipDisplay.address}-${ipDisplay.type}`}
                         linodeId={linodeID}
-                        readOnly={isLinodesReadOnly}
+                        readOnly={isLinodesGrantReadOnly}
                       />
                     ))}
                   </TableBody>
@@ -249,19 +249,19 @@ export const LinodeIPAddresses = (props: LinodeIPAddressesProps) => {
         linodeId={linodeID}
         onClose={() => setIsAddDrawerOpen(false)}
         open={isAddDrawerOpen}
-        readOnly={isLinodesReadOnly}
+        readOnly={isLinodesGrantReadOnly}
       />
       <IPTransfer
         linodeId={linodeID}
         onClose={() => setIsTransferDialogOpen(false)}
         open={isTransferDialogOpen}
-        readOnly={isLinodesReadOnly}
+        readOnly={isLinodesGrantReadOnly}
       />
       <IPSharing
         linodeId={linodeID}
         onClose={() => setIsShareDialogOpen(false)}
         open={isShareDialogOpen}
-        readOnly={isLinodesReadOnly}
+        readOnly={isLinodesGrantReadOnly}
       />
       {selectedIP && (
         <DeleteIPDialog
diff --git a/packages/manager/src/features/Linodes/LinodesDetail/LinodeResize/LinodeResize.tsx b/packages/manager/src/features/Linodes/LinodesDetail/LinodeResize/LinodeResize.tsx
index b0caf977cc6..36594ea186c 100644
--- a/packages/manager/src/features/Linodes/LinodesDetail/LinodeResize/LinodeResize.tsx
+++ b/packages/manager/src/features/Linodes/LinodesDetail/LinodeResize/LinodeResize.tsx
@@ -90,7 +90,7 @@ export const LinodeResize = (props: Props) => {
   const hostMaintenance = linode?.status === 'stopped';
   const isLinodeOffline = linode?.status === 'offline';
 
-  const isLinodesReadOnly = useIsResourceRestricted({
+  const isLinodesGrantReadOnly = useIsResourceRestricted({
     grantLevel: 'read_only',
     grantType: 'linode',
     id: linodeId,
@@ -159,7 +159,7 @@ export const LinodeResize = (props: Props) => {
     }
   }, [resizeError]);
 
-  const tableDisabled = hostMaintenance || isLinodesReadOnly;
+  const tableDisabled = hostMaintenance || isLinodesGrantReadOnly;
 
   const submitButtonDisabled =
     preferences?.type_to_confirm !== false &&
@@ -193,7 +193,7 @@ export const LinodeResize = (props: Props) => {
       title={`Resize Linode ${linode?.label}`}
     >
       <form onSubmit={formik.handleSubmit}>
-        {isLinodesReadOnly && <LinodePermissionsError />}
+        {isLinodesGrantReadOnly && <LinodePermissionsError />}
         {hostMaintenance && <HostMaintenanceError />}
         {disksError && (
           <Notice
diff --git a/packages/manager/src/features/Linodes/LinodesDetail/LinodeStorage/LinodeVolumes.tsx b/packages/manager/src/features/Linodes/LinodesDetail/LinodeStorage/LinodeVolumes.tsx
index fb4c24f78f5..b6cd708e251 100644
--- a/packages/manager/src/features/Linodes/LinodesDetail/LinodeStorage/LinodeVolumes.tsx
+++ b/packages/manager/src/features/Linodes/LinodesDetail/LinodeStorage/LinodeVolumes.tsx
@@ -40,7 +40,7 @@ export const LinodeVolumes = () => {
 
   const { data: linode } = useLinodeQuery(id);
 
-  const isLinodesReadOnly = useIsResourceRestricted({
+  const isLinodesGrantReadOnly = useIsResourceRestricted({
     grantLevel: 'read_only',
     grantType: 'linode',
     id,
@@ -177,7 +177,7 @@ export const LinodeVolumes = () => {
         <StyledNewWrapperGrid>
           <Button
             buttonType="primary"
-            disabled={isLinodesReadOnly}
+            disabled={isLinodesGrantReadOnly}
             onClick={handleCreateVolume}
           >
             Create Volume
diff --git a/packages/manager/src/features/Linodes/LinodesLanding/LinodesLanding.tsx b/packages/manager/src/features/Linodes/LinodesLanding/LinodesLanding.tsx
index 3d31ea5be99..7ddde15bb9f 100644
--- a/packages/manager/src/features/Linodes/LinodesLanding/LinodesLanding.tsx
+++ b/packages/manager/src/features/Linodes/LinodesLanding/LinodesLanding.tsx
@@ -100,7 +100,7 @@ class ListLinodes extends React.Component<CombinedProps, State> {
       profile,
     } = this.props;
 
-    const isLinodesReadOnly =
+    const isLinodesGrantReadOnly =
       Boolean(profile.data?.restricted) &&
       !grants.data?.global?.['add_linodes'];
 
@@ -231,7 +231,7 @@ class ListLinodes extends React.Component<CombinedProps, State> {
                               onButtonClick={() =>
                                 this.props.history.push('/linodes/create')
                               }
-                              disabledCreateButton={isLinodesReadOnly}
+                              disabledCreateButton={isLinodesGrantReadOnly}
                               docsLink="https://www.linode.com/docs/platform/billing-and-support/linode-beginners-guide/"
                               entity="Linode"
                               title="Linodes"
diff --git a/packages/manager/src/features/Linodes/LinodesLanding/LinodesLandingEmptyState.tsx b/packages/manager/src/features/Linodes/LinodesLanding/LinodesLandingEmptyState.tsx
index 631d33b1222..93f845ecd1a 100644
--- a/packages/manager/src/features/Linodes/LinodesLanding/LinodesLandingEmptyState.tsx
+++ b/packages/manager/src/features/Linodes/LinodesLanding/LinodesLandingEmptyState.tsx
@@ -25,7 +25,7 @@ const APPS_MORE_LINKS_TEXT = 'See all Marketplace apps';
 export const LinodesLandingEmptyState = () => {
   const { push } = useHistory();
 
-  const isLinodesReadOnly = useRestrictedGlobalGrantCheck({
+  const isLinodesGrantReadOnly = useRestrictedGlobalGrantCheck({
     globalGrantType: 'add_linodes',
   });
 
@@ -54,7 +54,7 @@ export const LinodesLandingEmptyState = () => {
       buttonProps={[
         {
           children: 'Create Linode',
-          disabled: isLinodesReadOnly,
+          disabled: isLinodesGrantReadOnly,
           onClick: () => {
             push('/linodes/create');
             sendEvent({

From 5c645172f10743b94578bd0a6a723693da250e39 Mon Sep 17 00:00:00 2001
From: Jaalah Ramos <jaalah.ramos@gmail.com>
Date: Fri, 1 Mar 2024 15:40:42 -0500
Subject: [PATCH 6/8] Remove overly broad tests

---
 .../SelectLinodePanel.test.tsx                | 26 -------------------
 .../TabbedContent/FromLinodeContent.tsx       |  9 ++++++-
 2 files changed, 8 insertions(+), 27 deletions(-)

diff --git a/packages/manager/src/features/Linodes/LinodesCreate/SelectLinodePanel/SelectLinodePanel.test.tsx b/packages/manager/src/features/Linodes/LinodesCreate/SelectLinodePanel/SelectLinodePanel.test.tsx
index a423e52f689..b6a8ad16501 100644
--- a/packages/manager/src/features/Linodes/LinodesCreate/SelectLinodePanel/SelectLinodePanel.test.tsx
+++ b/packages/manager/src/features/Linodes/LinodesCreate/SelectLinodePanel/SelectLinodePanel.test.tsx
@@ -54,19 +54,6 @@ describe('SelectLinodePanel (table, desktop)', () => {
     expect((await findAllByRole('row')).length).toBe(4);
   });
 
-  it('can be disabled', async () => {
-    const { findAllByRole } = renderWithTheme(
-      <SelectLinodePanel {...defaultProps} disabled />,
-      {
-        flags: { linodeCloneUiChanges: true },
-      }
-    );
-
-    for (const radio of await findAllByRole('radio')) {
-      expect(radio).toBeDisabled();
-    }
-  });
-
   it('selects the plan when clicked', async () => {
     const mockOnSelect = vi.fn();
 
@@ -169,19 +156,6 @@ describe('SelectLinodePanel (cards, mobile)', () => {
     );
   });
 
-  it('can be disabled', async () => {
-    const { container } = renderWithTheme(
-      <SelectLinodePanel {...defaultProps} disabled />,
-      {
-        flags: { linodeCloneUiChanges: true },
-      }
-    );
-
-    container
-      .querySelectorAll('[data-qa-selection-card]')
-      .forEach((card) => expect(card).toBeDisabled());
-  });
-
   it('selects the plan when clicked', async () => {
     const mockOnSelect = vi.fn();
 
diff --git a/packages/manager/src/features/Linodes/LinodesCreate/TabbedContent/FromLinodeContent.tsx b/packages/manager/src/features/Linodes/LinodesCreate/TabbedContent/FromLinodeContent.tsx
index c69229e26af..6aa51aabbfe 100644
--- a/packages/manager/src/features/Linodes/LinodesCreate/TabbedContent/FromLinodeContent.tsx
+++ b/packages/manager/src/features/Linodes/LinodesCreate/TabbedContent/FromLinodeContent.tsx
@@ -24,12 +24,18 @@ const errorResources = {
   type: 'A plan selection',
 };
 
-export type CombinedProps = CloneFormStateHandlers &
+interface Props {
+  disabled?: boolean;
+}
+
+export type CombinedProps = Props &
+  CloneFormStateHandlers &
   ReduxStateProps &
   WithLinodesTypesRegionsAndImages;
 
 export const FromLinodeContent = (props: CombinedProps) => {
   const {
+    disabled,
     errors,
     linodesData,
     regionsData,
@@ -102,6 +108,7 @@ export const FromLinodeContent = (props: CombinedProps) => {
                 : []),
             ]}
             data-qa-linode-panel
+            disabled={disabled}
             error={hasErrorFor('linode_id')}
             handleSelection={handleSelectLinode}
             header={'Select Linode to Clone From'}

From a4a355227da08f3fb195878fc5919fa316b9459d Mon Sep 17 00:00:00 2001
From: Jaalah Ramos <jaalah.ramos@gmail.com>
Date: Fri, 1 Mar 2024 15:57:06 -0500
Subject: [PATCH 7/8] Revert some stuff

---
 .../SelectLinodePanel/SelectLinodeCard.tsx    |  4 ++-
 .../SelectLinodePanel/SelectLinodeCards.tsx   |  2 ++
 .../SelectLinodePanel.test.tsx                | 26 +++++++++++++++++++
 .../SelectLinodePanel/SelectLinodePanel.tsx   |  2 ++
 .../SelectLinodePanel/SelectLinodeRow.tsx     | 14 +++++-----
 .../SelectLinodePanel/SelectLinodeTable.tsx   |  3 +++
 .../TabbedContent/FromBackupsContent.tsx      | 11 +++-----
 .../TabbedContent/FromLinodeContent.tsx       | 11 +++-----
 8 files changed, 49 insertions(+), 24 deletions(-)

diff --git a/packages/manager/src/features/Linodes/LinodesCreate/SelectLinodePanel/SelectLinodeCard.tsx b/packages/manager/src/features/Linodes/LinodesCreate/SelectLinodePanel/SelectLinodeCard.tsx
index cf57aa2103d..54b7701815a 100644
--- a/packages/manager/src/features/Linodes/LinodesCreate/SelectLinodePanel/SelectLinodeCard.tsx
+++ b/packages/manager/src/features/Linodes/LinodesCreate/SelectLinodePanel/SelectLinodeCard.tsx
@@ -10,12 +10,14 @@ import { formatStorageUnits } from 'src/utilities/formatStorageUnits';
 import { isNotNullOrUndefined } from 'src/utilities/nullOrUndefined';
 
 interface Props {
+  disabled?: boolean;
   handleSelection: () => void;
   linode: Linode;
   selected?: boolean;
 }
 
 export const SelectLinodeCard = ({
+  disabled,
   handleSelection,
   linode,
   selected,
@@ -50,7 +52,7 @@ export const SelectLinodeCard = ({
         [type, image, region].filter(isNotNullOrUndefined).join(', '),
       ]}
       checked={selected}
-      disabled={isLinodesGrantReadOnly}
+      disabled={isLinodesGrantReadOnly || disabled}
       heading={linode.label}
       key={`selection-card-${linode.id}`}
       onClick={handleSelection}
diff --git a/packages/manager/src/features/Linodes/LinodesCreate/SelectLinodePanel/SelectLinodeCards.tsx b/packages/manager/src/features/Linodes/LinodesCreate/SelectLinodePanel/SelectLinodeCards.tsx
index bfebadcdf97..eb372dc8e55 100644
--- a/packages/manager/src/features/Linodes/LinodesCreate/SelectLinodePanel/SelectLinodeCards.tsx
+++ b/packages/manager/src/features/Linodes/LinodesCreate/SelectLinodePanel/SelectLinodeCards.tsx
@@ -5,6 +5,7 @@ import { SelectLinodeCard } from './SelectLinodeCard';
 import { RenderLinodeProps } from './SelectLinodePanel';
 
 export const SelectLinodeCards = ({
+  disabled,
   handleSelection,
   orderBy: { data: linodes },
   selectedLinodeId,
@@ -15,6 +16,7 @@ export const SelectLinodeCards = ({
         handleSelection={() =>
           handleSelection(linode.id, linode.type, linode.specs.disk)
         }
+        disabled={disabled}
         key={linode.id}
         linode={linode}
         selected={linode.id == selectedLinodeId}
diff --git a/packages/manager/src/features/Linodes/LinodesCreate/SelectLinodePanel/SelectLinodePanel.test.tsx b/packages/manager/src/features/Linodes/LinodesCreate/SelectLinodePanel/SelectLinodePanel.test.tsx
index b6a8ad16501..a423e52f689 100644
--- a/packages/manager/src/features/Linodes/LinodesCreate/SelectLinodePanel/SelectLinodePanel.test.tsx
+++ b/packages/manager/src/features/Linodes/LinodesCreate/SelectLinodePanel/SelectLinodePanel.test.tsx
@@ -54,6 +54,19 @@ describe('SelectLinodePanel (table, desktop)', () => {
     expect((await findAllByRole('row')).length).toBe(4);
   });
 
+  it('can be disabled', async () => {
+    const { findAllByRole } = renderWithTheme(
+      <SelectLinodePanel {...defaultProps} disabled />,
+      {
+        flags: { linodeCloneUiChanges: true },
+      }
+    );
+
+    for (const radio of await findAllByRole('radio')) {
+      expect(radio).toBeDisabled();
+    }
+  });
+
   it('selects the plan when clicked', async () => {
     const mockOnSelect = vi.fn();
 
@@ -156,6 +169,19 @@ describe('SelectLinodePanel (cards, mobile)', () => {
     );
   });
 
+  it('can be disabled', async () => {
+    const { container } = renderWithTheme(
+      <SelectLinodePanel {...defaultProps} disabled />,
+      {
+        flags: { linodeCloneUiChanges: true },
+      }
+    );
+
+    container
+      .querySelectorAll('[data-qa-selection-card]')
+      .forEach((card) => expect(card).toBeDisabled());
+  });
+
   it('selects the plan when clicked', async () => {
     const mockOnSelect = vi.fn();
 
diff --git a/packages/manager/src/features/Linodes/LinodesCreate/SelectLinodePanel/SelectLinodePanel.tsx b/packages/manager/src/features/Linodes/LinodesCreate/SelectLinodePanel/SelectLinodePanel.tsx
index 7bc8cb4663f..43f3c18d3ca 100644
--- a/packages/manager/src/features/Linodes/LinodesCreate/SelectLinodePanel/SelectLinodePanel.tsx
+++ b/packages/manager/src/features/Linodes/LinodesCreate/SelectLinodePanel/SelectLinodePanel.tsx
@@ -174,6 +174,7 @@ export const SelectLinodePanel = (props: Props) => {
                       order,
                       orderBy,
                     }}
+                    disabled={disabled}
                     handleSelection={handleSelection}
                     selectedLinodeId={selectedLinodeID}
                     showPowerActions={showPowerActions ?? false}
@@ -206,6 +207,7 @@ export const SelectLinodePanel = (props: Props) => {
 };
 
 export interface RenderLinodeProps {
+  disabled?: boolean;
   handlePowerOff: (linodeId: number) => void;
   handleSelection: Props['handleSelection'];
   orderBy: OrderByProps<Linode>;
diff --git a/packages/manager/src/features/Linodes/LinodesCreate/SelectLinodePanel/SelectLinodeRow.tsx b/packages/manager/src/features/Linodes/LinodesCreate/SelectLinodePanel/SelectLinodeRow.tsx
index c00380ba2e2..5a4d577461d 100644
--- a/packages/manager/src/features/Linodes/LinodesCreate/SelectLinodePanel/SelectLinodeRow.tsx
+++ b/packages/manager/src/features/Linodes/LinodesCreate/SelectLinodePanel/SelectLinodeRow.tsx
@@ -39,6 +39,7 @@ interface Props {
 export const SelectLinodeRow = (props: Props) => {
   const queryClient = useQueryClient();
   const {
+    disabled,
     handlePowerOff,
     handleSelection,
     linodeId,
@@ -70,6 +71,8 @@ export const SelectLinodeRow = (props: Props) => {
     id: linode?.id,
   });
 
+  const isDisabled = disabled || isLinodesGrantReadOnly;
+
   // If the Linode's status is running, we want to check if its interfaces associated with this subnet have become active so
   // that we can determine if it needs a reboot or not. So, we need to invalidate the linode configs query to get the most up to date information.
   React.useEffect(() => {
@@ -117,18 +120,15 @@ export const SelectLinodeRow = (props: Props) => {
 
   return (
     <TableRow
-      disabled={isLinodesGrantReadOnly}
-      onClick={isLinodesGrantReadOnly ? undefined : handleSelection}
+      disabled={isDisabled}
+      onClick={isDisabled ? undefined : handleSelection}
     >
       <TableCell
         component="th"
         scope="row"
         sx={{ height: theme.spacing(6), padding: '0 !important', width: '3%' }}
       >
-        <Radio
-          checked={!isLinodesGrantReadOnly && selected}
-          disabled={isLinodesGrantReadOnly}
-        />
+        <Radio checked={!isDisabled && selected} disabled={isDisabled} />
       </TableCell>
       <TableCell>{linode.label}</TableCell>
       <TableCell statusCell>
@@ -151,7 +151,7 @@ export const SelectLinodeRow = (props: Props) => {
             <InlineMenuAction
               actionText="Power Off"
               buttonHeight={47}
-              disabled={isLinodesGrantReadOnly}
+              disabled={isDisabled}
               onClick={handlePowerOff}
             />
           )}
diff --git a/packages/manager/src/features/Linodes/LinodesCreate/SelectLinodePanel/SelectLinodeTable.tsx b/packages/manager/src/features/Linodes/LinodesCreate/SelectLinodePanel/SelectLinodeTable.tsx
index 99b136186bc..65b7578e832 100644
--- a/packages/manager/src/features/Linodes/LinodesCreate/SelectLinodePanel/SelectLinodeTable.tsx
+++ b/packages/manager/src/features/Linodes/LinodesCreate/SelectLinodePanel/SelectLinodeTable.tsx
@@ -13,6 +13,7 @@ import {
   numCols,
 } from './SelectLinodeRow';
 export const SelectLinodeTable = ({
+  disabled,
   handlePowerOff,
   handleSelection,
   orderBy,
@@ -41,8 +42,10 @@ export const SelectLinodeTable = ({
               }
               selected={
                 !isLinodesGrantReadOnly &&
+                !disabled &&
                 Number(selectedLinodeId) === linode.id
               }
+              disabled={disabled}
               handlePowerOff={() => handlePowerOff(linode.id)}
               key={linode.id}
               linodeId={linode.id}
diff --git a/packages/manager/src/features/Linodes/LinodesCreate/TabbedContent/FromBackupsContent.tsx b/packages/manager/src/features/Linodes/LinodesCreate/TabbedContent/FromBackupsContent.tsx
index 144ec864983..e15febc6782 100644
--- a/packages/manager/src/features/Linodes/LinodesCreate/TabbedContent/FromBackupsContent.tsx
+++ b/packages/manager/src/features/Linodes/LinodesCreate/TabbedContent/FromBackupsContent.tsx
@@ -25,10 +25,6 @@ export interface LinodeWithBackups extends Linode {
   currentBackups: LinodeBackupsResponse;
 }
 
-interface Props {
-  disabled?: boolean;
-}
-
 interface State {
   backupInfo: Info;
   backupsError?: string;
@@ -36,8 +32,7 @@ interface State {
   selectedLinodeWithBackups?: LinodeWithBackups;
 }
 
-export type CombinedProps = Props &
-  BackupFormStateHandlers &
+export type CombinedProps = BackupFormStateHandlers &
   ReduxStateProps &
   WithLinodesTypesRegionsAndImages;
 
@@ -71,12 +66,12 @@ export class FromBackupsContent extends React.Component<CombinedProps, State> {
   render() {
     const { isGettingBackups, selectedLinodeWithBackups } = this.state;
     const {
-      disabled,
       errors,
       linodesData,
       selectedBackupID,
       selectedLinodeID,
       setBackupID,
+      userCannotCreateLinode,
     } = this.props;
 
     const hasErrorFor = getAPIErrorFor(errorResources, errors);
@@ -107,7 +102,7 @@ export class FromBackupsContent extends React.Component<CombinedProps, State> {
                           the same password and SSH Keys (if any) as the original Linode.`,
                 'This Linode will need to be manually booted after it finishes provisioning.',
               ]}
-              disabled={disabled}
+              disabled={userCannotCreateLinode}
               error={hasErrorFor('linode_id')}
               handleSelection={this.handleLinodeSelect}
               linodes={filterLinodesWithBackups(linodesData)}
diff --git a/packages/manager/src/features/Linodes/LinodesCreate/TabbedContent/FromLinodeContent.tsx b/packages/manager/src/features/Linodes/LinodesCreate/TabbedContent/FromLinodeContent.tsx
index 6aa51aabbfe..91fd233eea3 100644
--- a/packages/manager/src/features/Linodes/LinodesCreate/TabbedContent/FromLinodeContent.tsx
+++ b/packages/manager/src/features/Linodes/LinodesCreate/TabbedContent/FromLinodeContent.tsx
@@ -24,18 +24,12 @@ const errorResources = {
   type: 'A plan selection',
 };
 
-interface Props {
-  disabled?: boolean;
-}
-
-export type CombinedProps = Props &
-  CloneFormStateHandlers &
+export type CombinedProps = CloneFormStateHandlers &
   ReduxStateProps &
   WithLinodesTypesRegionsAndImages;
 
 export const FromLinodeContent = (props: CombinedProps) => {
   const {
-    disabled,
     errors,
     linodesData,
     regionsData,
@@ -43,6 +37,7 @@ export const FromLinodeContent = (props: CombinedProps) => {
     typesData,
     updateLinodeID,
     updateTypeID,
+    userCannotCreateLinode,
   } = props;
 
   const extendedTypes = typesData?.map(extendType);
@@ -108,7 +103,7 @@ export const FromLinodeContent = (props: CombinedProps) => {
                 : []),
             ]}
             data-qa-linode-panel
-            disabled={disabled}
+            disabled={userCannotCreateLinode}
             error={hasErrorFor('linode_id')}
             handleSelection={handleSelectLinode}
             header={'Select Linode to Clone From'}

From a985ffd5798c074d4d73547ba2a1c181d715d99c Mon Sep 17 00:00:00 2001
From: Jaalah Ramos <jaalah.ramos@gmail.com>
Date: Thu, 7 Mar 2024 15:22:56 -0500
Subject: [PATCH 8/8] Review update

---
 packages/manager/src/features/Linodes/LinodeEntityDetail.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/manager/src/features/Linodes/LinodeEntityDetail.tsx b/packages/manager/src/features/Linodes/LinodeEntityDetail.tsx
index 251bdabf4fa..495caa4e503 100644
--- a/packages/manager/src/features/Linodes/LinodeEntityDetail.tsx
+++ b/packages/manager/src/features/Linodes/LinodeEntityDetail.tsx
@@ -122,7 +122,7 @@ export const LinodeEntityDetail = (props: Props) => {
         }
         footer={
           <LinodeEntityDetailFooter
-            isLinodesGrantReadOnly
+            isLinodesGrantReadOnly={isLinodesGrantReadOnly}
             linodeCreated={linode.created}
             linodeId={linode.id}
             linodeLabel={linode.label}