Merge pull request #259 from umccr/minor-burning-ux-fixes-that-must-g…

…o-now-now Added TSO json.gz to predefined search filter i.e. preset chip collection
umccr · Apr 28, 2023 · a092893 · a092893
2 parents 1d7b13e + def13a1
commit a092893
Show file tree

Hide file tree

Showing 4 changed files with 10 additions and 9 deletions.
diff --git a/src/components/search/PresetDataFactory/index.ts b/src/components/search/PresetDataFactory/index.ts
@@ -152,6 +152,7 @@ export class PresetDataFactory {
       },
       { key: 12, label: 'tso vcf', keyword: 'tso ctdna .vcf.gz$', style: this.chipStyle },
       { key: 13, label: 'tso tsv', keyword: 'tso ctdna .tsv$', style: this.chipStyle },
+      { key: 14, label: 'tso json', keyword: 'tso ctdna .json.gz$', style: this.chipStyle },
     ];
   }
 }
diff --git a/src/containers/lims/LIMSTable/index.tsx b/src/containers/lims/LIMSTable/index.tsx
@@ -85,7 +85,7 @@ function LIMSTable({ defaultQueryParam, sideBar = false }: Props) {
    * TABLE COLUMN PROPERTIES
    */
   const textBodyTemplate = (text: string | number | null): React.ReactNode => {
-    return <div>{text}</div>;
+    return <>{text}</>;
   };
   const column_to_display: string[] = [
     'illumina_id',

diff --git a/src/containers/metadata/MetadataTable/index.tsx b/src/containers/metadata/MetadataTable/index.tsx
@@ -83,7 +83,7 @@ function MetadataTable() {
    * TABLE COLUMN PROPERTIES
    */
   const textBodyTemplate = (text: string | number | null): React.ReactNode => {
-    return <div>{text}</div>;
+    return <>{text}</>;
   };
   const column_to_display: string[] = [
     'subject_id',

diff --git a/src/containers/subjects/SampleInformationTable/index.tsx b/src/containers/subjects/SampleInformationTable/index.tsx
@@ -66,13 +66,13 @@ function SampleInformationTable(props: Props) {
 
   // All Information button to show dialog
   columnList.push({
-    alignHeader: 'center' as const,
+    alignHeader: 'left' as const,
     header: (
-      <p className='uppercase text-center font-bold text-color white-space-nowrap'>
+      <p className='uppercase text-left font-bold text-color white-space-nowrap'>
         {showDisplayText('info')}
       </p>
     ),
-    className: 'text-center justify-content-center',
+    className: 'text-left white-space-nowrap',
     body: (rowData: ObjectStringValType) => {
       return (
         <div>
@@ -90,15 +90,15 @@ function SampleInformationTable(props: Props) {
   for (const column of COLUMN_TO_DISPLAY) {
     columnList.push({
       field: column,
-      alignHeader: 'center' as const,
+      alignHeader: 'left' as const,
       header: (
-        <p className='uppercase text-center font-bold text-color white-space-nowrap'>
+        <p className='uppercase text-left font-bold text-color white-space-nowrap'>
           {showDisplayText(column)}
         </p>
       ),
-      className: 'text-center justify-content-center',
+      className: 'text-left white-space-nowrap',
       body: (rowData: ObjectStringValType) => {
-        return <div className='text-center text-color'>{rowData[column]}</div>;
+        return <>{rowData[column]}</>;
       },
     });
   }