percentage display (#2498)

loculus-project · Aug 22, 2024 · a7e30f5 · a7e30f5
1 parent e1cabe0
commit a7e30f5
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 0 deletions.
diff --git a/kubernetes/loculus/values.yaml b/kubernetes/loculus/values.yaml
@@ -1013,6 +1013,8 @@ defaultOrganismConfig: &defaultOrganismConfig
         perSegment: true
         displayName: Completeness
         rangeSearch: true
+        customDisplay:
+          type: percentage
         preprocessing:
           inputs: {input: nextclade.coverage}
       - name: versionComment

diff --git a/website/src/components/SequenceDetailsPage/DataTableEntryValue.tsx b/website/src/components/SequenceDetailsPage/DataTableEntryValue.tsx
@@ -17,6 +17,7 @@ const CustomDisplayComponent: React.FC<Props> = ({ data, dataUseTermsHistory })
         <div className='whitespace-normal text-gray-600 break-inside-avoid'>
             <div className='break-all whitespace-wrap'>
                 {!customDisplay && (value !== '' ? value : <span className='italic'>None</span>)}
+                {customDisplay?.type === 'percentage' && typeof value === 'number' && `${(100 * value).toFixed(2)}%`}
                 {customDisplay?.type === 'badge' &&
                     (customDisplay.value === undefined ? (
                         <span className='italic'>N/A</span>