From e557b0157e174fa5c786cdd56ac6c66cb86bdd09 Mon Sep 17 00:00:00 2001
From: Roland <roland@learningselfreliance.com>
Date: Sun, 9 Apr 2023 16:06:06 -0600
Subject: [PATCH] Hiding tag count on mobile.

---
 app/src/Tags.js | 14 ++++++++++++--
 1 file changed, 12 insertions(+), 2 deletions(-)

diff --git a/app/src/Tags.js b/app/src/Tags.js
index 5d6dba9e..cd464356 100644
--- a/app/src/Tags.js
+++ b/app/src/Tags.js
@@ -149,13 +149,19 @@ function EditTagRow({tag, onDelete, onEdit}) {
     const nameLabel = <LabelGroup tag>
         <NameToTagLabel name={name}/>
     </LabelGroup>;
+    const countLabel = <Label>{count}</Label>;
 
     return <TableRow>
         <TableCell>{deleteConfirm}</TableCell>
         <TableCell>{editButton}</TableCell>
         <TableCell>{nameLabel}</TableCell>
         <Media greaterThanOrEqual='tablet'>
-            <TableCell><Label>{count}</Label></TableCell>
+            {(className, renderChildren) => {
+                return renderChildren ? <TableCell className={className}>
+                        {countLabel}
+                    </TableCell>
+                    : null;
+            }}
         </Media>
     </TableRow>
 }
@@ -247,7 +253,11 @@ function EditTagsModal() {
                             <TableHeaderCell width={2}>Edit</TableHeaderCell>
                             <TableHeaderCell width={8}>Tag</TableHeaderCell>
                             <Media greaterThanOrEqual='tablet'>
-                                <TableHeaderCell>Count</TableHeaderCell>
+                                {(className, renderChildren) => {
+                                    return renderChildren ?
+                                        <TableHeaderCell className={className} width={2}>Count</TableHeaderCell>
+                                        : null;
+                                }}
                             </Media>
                         </TableRow>
                     </TableHeader>