diff --git a/packages/manager/src/features/Billing/InvoiceDetail/InvoiceDetail.tsx b/packages/manager/src/features/Billing/InvoiceDetail/InvoiceDetail.tsx index d6896013f79..45d5396ff5e 100644 --- a/packages/manager/src/features/Billing/InvoiceDetail/InvoiceDetail.tsx +++ b/packages/manager/src/features/Billing/InvoiceDetail/InvoiceDetail.tsx @@ -8,6 +8,7 @@ import * as React from 'react'; import { useParams } from 'react-router-dom'; import { Currency } from 'src/components/Currency'; +import { DocumentTitleSegment } from 'src/components/DocumentTitle'; import { DownloadCSV } from 'src/components/DownloadCSV/DownloadCSV'; import { LandingHeader } from 'src/components/LandingHeader'; import { Link } from 'src/components/Link'; @@ -117,152 +118,156 @@ export const InvoiceDetail = () => { }; return ( - - - - - - - + + + + + + + - + + + + {invoice && ( + - - - {invoice && ( - - )} + )} + + + {account && invoice && items && ( + <> + csvRef.current.link.click()} + sx={{ ...sxDownloadButton, marginRight: '8px' }} + /> + + + )} + + + {invoice && ( + + Total:{' '} + + + )} + - - {account && invoice && items && ( - <> - csvRef.current.link.click()} - sx={{ ...sxDownloadButton, marginRight: '8px' }} + + + {pdfGenerationError && ( + Failed generating PDF. + )} + + + + {invoice && ( + + + Subtotal:{' '} + - - - )} - - - {invoice && ( - + + {invoice.tax_summary.map((summary) => { + return ( + + {summary.name === 'Standard' + ? 'Standard Tax: ' + : `${summary.name}: `} + + + ); + })} + + Tax Subtotal: + + Total:{' '} - )} - + + This invoice may include Linode Compute Instances that have + been powered off as the data is maintained and resources are + still reserved. If you no longer need powered-down Linodes, + you can{' '} + + {' '} + remove the service + {' '} + from your account. + + + )} - - {pdfGenerationError && ( - Failed generating PDF. - )} - - - - {invoice && ( - - - Subtotal:{' '} - - - {invoice.tax_summary.map((summary) => { - return ( - - {summary.name === 'Standard' - ? 'Standard Tax: ' - : `${summary.name}: `} - - - ); - })} - - Tax Subtotal: - - - Total:{' '} - - - - This invoice may include Linode Compute Instances that have been - powered off as the data is maintained and resources are still - reserved. If you no longer need powered-down Linodes, you can{' '} - - {' '} - remove the service - {' '} - from your account. - - - )} - - - + + ); }; diff --git a/packages/manager/src/features/Databases/DatabaseDetail/index.tsx b/packages/manager/src/features/Databases/DatabaseDetail/index.tsx index 367dbb113b4..f81eb723e5d 100644 --- a/packages/manager/src/features/Databases/DatabaseDetail/index.tsx +++ b/packages/manager/src/features/Databases/DatabaseDetail/index.tsx @@ -165,7 +165,11 @@ export const DatabaseDetail = () => { return ( <> - + { return ( - + { return ( <> - + { const isProxyUser = profile?.user_type === 'proxy'; return ( - - } spacing={3}> - {!isProxyUser && } - - - - - + <> + + + } + spacing={3} + > + {!isProxyUser && } + + + + + + ); }; diff --git a/packages/manager/src/features/StackScripts/StackScriptsDetail.tsx b/packages/manager/src/features/StackScripts/StackScriptsDetail.tsx index 766bd340da6..0cfa844f3b9 100644 --- a/packages/manager/src/features/StackScripts/StackScriptsDetail.tsx +++ b/packages/manager/src/features/StackScripts/StackScriptsDetail.tsx @@ -115,7 +115,7 @@ export const StackScriptsDetail = () => { return ( <> - + { return ( - + {!!history.location.state && !!history.location.state.successMessage ? (