strtus/Vercel
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Refine config sub-status layout

Browse Source
This commit is contained in:
Sam Becker 2025-01-15 18:31:17 -06:00
parent 9940bdaf03
commit 99f3f68aef
1 changed files with 16 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

26
src/site/SiteChecklistClient.tsx
View File

@ -169,6 +169,16 @@ export default function SiteChecklistClient({
{label} {label}
</span> </span>
</div>; </div>;
const renderSubStatusWithEnvVar = (
type: ComponentProps<typeof StatusIcon>['type'],
variable: string,
) =>
renderSubStatus(
type,
renderEnvVars([variable]),
'translate-y-[5px]',
);
const renderError = ({ const renderError = ({
connection, connection,
@ -469,21 +479,17 @@ export default function SiteChecklistClient({
> >
Set environment variable to {'"1"'} to enable static optimization, Set environment variable to {'"1"'} to enable static optimization,
i.e., rendering pages and images at build time: i.e., rendering pages and images at build time:
{renderSubStatus( {renderSubStatusWithEnvVar(
arePhotosStaticallyOptimized ? 'checked' : 'optional', arePhotosStaticallyOptimized ? 'checked' : 'optional',
renderEnvVars(['NEXT_PUBLIC_STATICALLY_OPTIMIZE_PAGES']), 'NEXT_PUBLIC_STATICALLY_OPTIMIZE_PAGES',
'translate-y-[3.5px]',
)} )}
{renderSubStatus( {renderSubStatusWithEnvVar(
arePhotoOGImagesStaticallyOptimized ? 'checked' : 'optional', arePhotoOGImagesStaticallyOptimized ? 'checked' : 'optional',
renderEnvVars(['NEXT_PUBLIC_STATICALLY_OPTIMIZE_OG_IMAGES']), 'NEXT_PUBLIC_STATICALLY_OPTIMIZE_OG_IMAGES',
'translate-y-[3.5px]',
)} )}
{renderSubStatus( {renderSubStatusWithEnvVar(
arePhotoCategoriesStaticallyOptimized ? 'checked' : 'optional', arePhotoCategoriesStaticallyOptimized ? 'checked' : 'optional',
// eslint-disable-next-line max-len 'NEXT_PUBLIC_STATICALLY_OPTIMIZE_PHOTO_CATEGORIES',
renderEnvVars(['NEXT_PUBLIC_STATICALLY_OPTIMIZE_PHOTO_CATEGORIES']),
'translate-y-[3.5px]',
)} )}
</ChecklistRow> </ChecklistRow>
<ChecklistRow <ChecklistRow