Make Document title more descriptive

linode · Dec 10, 2024 · b5ed848 · b5ed848
1 parent c5c96af
commit b5ed848
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 5 deletions.
diff --git a/packages/manager/src/features/ObjectStorage/BucketDetail/BucketDetail.tsx b/packages/manager/src/features/ObjectStorage/BucketDetail/BucketDetail.tsx
@@ -10,6 +10,7 @@ import { debounce } from 'throttle-debounce';
 
 import { ActionsPanel } from 'src/components/ActionsPanel/ActionsPanel';
 import { ConfirmationDialog } from 'src/components/ConfirmationDialog/ConfirmationDialog';
+import { DocumentTitleSegment } from 'src/components/DocumentTitle';
 import { Hidden } from 'src/components/Hidden';
 import { Table } from 'src/components/Table';
 import { TableBody } from 'src/components/TableBody';
@@ -59,7 +60,6 @@ import type {
   ObjectStorageObjectList,
 } from '@linode/api-v4';
 import type { InfiniteData } from '@tanstack/react-query';
-import { DocumentTitleSegment } from 'src/components/DocumentTitle';
 
 interface MatchParams {
   bucketName: string;
@@ -379,7 +379,7 @@ export const BucketDetail = (props: Props) => {
 
   return (
     <>
-      <DocumentTitleSegment segment={bucketName} />
+      <DocumentTitleSegment segment={bucketName + ' | Bucket'} />;
       <BucketBreadcrumb
         bucketName={bucketName}
         history={history}
@@ -441,7 +441,6 @@ export const BucketDetail = (props: Props) => {
           </StyledTryAgainButton>
         </StyledErrorFooter>
       )}
-
       {!hasNextPage && numOfDisplayedObjects >= 100 && (
         <StyledFooter variant="subtitle2">
           Showing all {numOfDisplayedObjects} items

diff --git a/packages/manager/src/features/StackScripts/StackScriptsDetail.tsx b/packages/manager/src/features/StackScripts/StackScriptsDetail.tsx
@@ -6,6 +6,7 @@ import { CircleProgress } from '@linode/ui';
 import * as React from 'react';
 import { useHistory, useLocation, useParams } from 'react-router-dom';
 
+import { DocumentTitleSegment } from 'src/components/DocumentTitle';
 import { LandingHeader } from 'src/components/LandingHeader';
 import { NotFound } from 'src/components/NotFound';
 import { StackScript as _StackScript } from 'src/components/StackScript/StackScript';
@@ -20,7 +21,6 @@ import {
 
 import type { StackScript } from '@linode/api-v4/lib/stackscripts';
 import type { APIError } from '@linode/api-v4/lib/types';
-import { DocumentTitleSegment } from 'src/components/DocumentTitle';
 
 export const StackScriptsDetail = () => {
   const { _hasGrant, _isRestrictedUser, profile } = useAccountManagement();
@@ -115,7 +115,7 @@ export const StackScriptsDetail = () => {
 
   return (
     <>
-      <DocumentTitleSegment segment={stackScript.label} />
+      <DocumentTitleSegment segment={stackScript.label + ' | StackScripts'} />
       <LandingHeader
         breadcrumbProps={{
           crumbOverrides: [