DetailListingIntro.tsx

import React, { useContext } from "react"
import { t } from "@bloom-housing/ui-components"
import { FieldValue, Grid } from "@bloom-housing/ui-seeds"
import { ListingContext } from "../../ListingContext"
import { getDetailFieldString } from "./helpers"
import SectionWithGrid from "../../../shared/SectionWithGrid"
import { AuthContext } from "@bloom-housing/shared-helpers"
import { FeatureFlagEnum } from "@bloom-housing/shared-helpers/src/types/backend-swagger"

const DetailListingIntro = () => {
  const listing = useContext(ListingContext)
  const { doJurisdictionsHaveFeatureFlagOn } = useContext(AuthContext)

  const enableHousingDeveloperOwner = doJurisdictionsHaveFeatureFlagOn(
    FeatureFlagEnum.enableHousingDeveloperOwner,
    listing.jurisdictions.id
  )
  const enableListingFileNumber = doJurisdictionsHaveFeatureFlagOn(
    FeatureFlagEnum.enableListingFileNumber,
    listing.jurisdictions.id
  )

  return (
    <SectionWithGrid heading={t("listings.sections.introTitle")} inset>
      {enableListingFileNumber && (
        <Grid.Row>
          <Grid.Cell>
            <FieldValue id="listingFileNumber" label={t("listings.listingFileNumber")}>
              {getDetailFieldString(listing.listingFileNumber)}
            </FieldValue>
          </Grid.Cell>
        </Grid.Row>
      )}
      <Grid.Row>
        <Grid.Cell>
          <FieldValue id="name" label={t("listings.listingName")}>
            {getDetailFieldString(listing.name)}
          </FieldValue>
        </Grid.Cell>
      </Grid.Row>
      <Grid.Row>
        <Grid.Cell>
          <FieldValue id="jurisdictions.name" label={t("t.jurisdiction")}>
            {getDetailFieldString(listing.jurisdictions.name)}
          </FieldValue>
        </Grid.Cell>
        <Grid.Cell>
          <FieldValue
            id="developer"
            label={
              enableHousingDeveloperOwner
                ? t("listings.housingDeveloperOwner")
                : t("listings.developer")
            }
          >
            {getDetailFieldString(listing.developer)}
          </FieldValue>
        </Grid.Cell>
      </Grid.Row>
    </SectionWithGrid>
  )
}

export default DetailListingIntro