Repository: expo/expo
File: docs/ui/components/utils/infrastructure.tsx (TypeScript)

Code before:
import { markdownComponents } from '~/ui/components/Markdown';

export const ResourceClasses = { android: ['medium', 'large'], ios: ['medium', 'large'] } as const;

const AndroidResourceClassToSpec: Record<(typeof ResourceClasses.android)[number], JSX.Element> = {
  medium: (
    <>
      4 vCPUs, 16 GB RAM (
      <markdownComponents.a href="https://cloud.google.com/compute/docs/general-purpose-machines#n2_machine_types">
        n2-standard-4
      </markdownComponents.a>{' '}
      Google Cloud machine type when new Android builders infrastructure setting is disabled in
      project setings, or faster{' '}
      <markdownComponents.a href="https://cloud.google.com/compute/docs/general-purpose-machines#c3d_machine_types">
        c3d-standard-4
      </markdownComponents.a>{' '}
      Google Cloud machine type, powered by AMD EPYC™ processor, when new Android builders
      infrastructure setting is enabled (default))
    </>
  ),
  large: (
    <>
      8 vCPUs, 32 GB RAM (
      <markdownComponents.a href="https://cloud.google.com/compute/docs/general-purpose-machines#n2_machine_types">
        n2-standard-8
      </markdownComponents.a>{' '}
      Google Cloud machine type when new Android builders infrastructure setting is disabled in
      project setings, or faster{' '}
      <markdownComponents.a href="https://cloud.google.com/compute/docs/general-purpose-machines#c3d_machine_types">
        c3d-standard-8
      </markdownComponents.a>{' '}
      Google Cloud machine type, powered by AMD EPYC™ processor, when new Android builders
      infrastructure setting is enabled (default))
    </>
  ),
};


Review comment (suggestion):
I would suggest to make it shorter and simpler. Something like

> \>c3d-standard-X< or >n2-standard-X<, depending on the "New Android Builds Infrastructure" setting in >project settings<

Code after:
import { markdownComponents } from '~/ui/components/Markdown';

export const ResourceClasses = { android: ['medium', 'large'], ios: ['medium', 'large'] } as const;

const AndroidResourceClassToSpec: Record<(typeof ResourceClasses.android)[number], JSX.Element> = {
  medium: (
    <>
      4 vCPUs, 16 GB RAM (
      <markdownComponents.a href="https://cloud.google.com/compute/docs/general-purpose-machines#n2_machine_types">
        n2-standard-4
      </markdownComponents.a>{' '}
      or{' '}
      <markdownComponents.a href="https://cloud.google.com/compute/docs/general-purpose-machines#c3d_machine_types">
        c3d-standard-4
      </markdownComponents.a>{' '}
      (default) Google Cloud machine type, depending on the "New Android Builds Infrastructure"
      setting in project settings)
    </>
  ),
  large: (
    <>
      8 vCPUs, 32 GB RAM (
      <markdownComponents.a href="https://cloud.google.com/compute/docs/general-purpose-machines#n2_machine_types">
        n2-standard-8
      </markdownComponents.a>{' '}
      or{' '}
      <markdownComponents.a href="https://cloud.google.com/compute/docs/general-purpose-machines#c3d_machine_types">
        c3d-standard-8
      </markdownComponents.a>{' '}
      (default) Google Cloud machine type, depending on the "New Android Builds Infrastructure"
      setting in project settings)
    </>
  ),
};

const IosResourceClassToSpec: Record<(typeof ResourceClasses.ios)[number], JSX.Element> = {
  medium: <>3 vCPUs, 8 GB RAM</>,