Labelled an opportunity's ID as an OCID only when it is one

web/src/components/OpportunityDialog.tsx

@@ -15,7 +15,7 @@ import { api } from '@/api/client';
 import { errorText } from '@/lib/errors';
 import { statusLabel } from '@/lib/filterOpportunities';
 import { formatDate, formatMoney } from '@/lib/format';
-import { noticeSite } from '@/lib/opportunities';
+import { noticeSite, uuidLabel } from '@/lib/opportunities';
 import type { Opportunity } from '@/types/Opportunities';
 import { ReleaseTabs } from './ReleaseTabs';
 import { buttonPrimary, statusBadge } from './styles';
@@ -134,7 +134,7 @@ export function OpportunityDialog(props: Props): JSX.Element {
                 <dd>{yesNo(opportunity().has_documents)}</dd>
                 <dt class="text-muted">Source</dt>
                 <dd>{opportunity().source}</dd>
-                <dt class="text-muted">OCID</dt>
+                <dt class="text-muted">{uuidLabel(opportunity())}</dt>
                 <dd class="break-all">{opportunity().uuid}</dd>
               </dl>
             </section>