Merge pull request #136 from M3nin0/dev

list: fixing label size in the event item component
geo-knowledge-hub · Dec 8, 2024 · 2103933 · 2103933
2 parents e8fad47 + 16d3676
commit 2103933
Show file tree

Hide file tree

Showing 2 changed files with 21 additions and 15 deletions.
diff --git a/src/lib/components/list/base/EventItem.js b/src/lib/components/list/base/EventItem.js
@@ -48,9 +48,7 @@ export const EventItem = ({ eventData }) => {
             textAlign={'right'}
             only={'tablet computer'}
           >
-            <Label style={{ fontSize: '11px' }}>
-              {eventData.category}
-            </Label>
+            <Label style={{ fontSize: '11px' }}>{eventData.category}</Label>
           </Grid.Column>
         </Grid.Row>
         <Grid.Row verticalAlign={'bottom'}>

diff --git a/src/lib/components/table/thematic/FundingAwardsTable/FundingAwardsTable.js b/src/lib/components/table/thematic/FundingAwardsTable/FundingAwardsTable.js
@@ -39,13 +39,17 @@ const FundingAwardItem = ({
           mobile={16}
         >
           <div>
-            <Label size={'mini'} basic className={'ml-0 mr-5'}>
-              {rowFunder}
-            </Label>
+            {rowFunder && (
+              <Label size={'mini'} basic className={'ml-0 mr-5'}>
+                {rowFunder}
+              </Label>
+            )}
 
-            <Label size={'mini'} basic className={'ml-0 mr-5'}>
-              {rowNumber}
-            </Label>
+            {rowNumber && (
+              <Label size={'mini'} basic className={'ml-0 mr-5'}>
+                ID: {rowNumber}
+              </Label>
+            )}
           </div>
 
           <Grid className={'user-stories-metadata'}>
@@ -118,13 +122,17 @@ const FundingAwardItemWithEmblem = ({
           mobile={16}
         >
           <div>
-            <Label size={'mini'} basic className={'ml-0 mr-5'}>
-              {rowFunder}
-            </Label>
+            {rowFunder && (
+              <Label size={'mini'} basic className={'ml-0 mr-5'}>
+                {rowFunder}
+              </Label>
+            )}
 
-            <Label size={'mini'} basic className={'ml-0 mr-5'}>
-              {rowNumber}
-            </Label>
+            {rowNumber && (
+              <Label size={'mini'} basic className={'ml-0 mr-5'}>
+                ID: {rowNumber}
+              </Label>
+            )}
 
             {rowUrl && (
               <Grid style={{ display: 'inline-flex' }}>