From 44c3f73704286f7b0f89e242c3b227ca216c8502 Mon Sep 17 00:00:00 2001
From: Matt Davis <matteius@gmail.com>
Date: Mon, 9 Mar 2026 07:14:39 -0400
Subject: [PATCH] Apply suggested fix to
 web/js/components/preact/users/AddUserModal.jsx from Copilot Autofix

Co-authored-by: Copilot Autofix powered by AI <223894421+github-code-quality[bot]@users.noreply.github.com>
---
 .../components/preact/users/AddUserModal.jsx  | 29 ++++++++++---------
 1 file changed, 16 insertions(+), 13 deletions(-)

diff --git a/web/js/components/preact/users/AddUserModal.jsx b/web/js/components/preact/users/AddUserModal.jsx
index baff543d..a946e4eb 100644
--- a/web/js/components/preact/users/AddUserModal.jsx
+++ b/web/js/components/preact/users/AddUserModal.jsx
@@ -226,22 +226,25 @@ export function AddUserModal({ formData, handleInputChange, handleAddUser, onClo
             <p className="text-xs text-muted-foreground mt-1">
               Comma-separated stream tags. When set, this user can only see streams that share at least one matching stream tag. Leave blank to allow access to all streams.
             </p>
-            {(formData.allowed_tags || '').split(',').filter(t => t.trim()).length > 0 && (
-              <ul
-                className="mt-2 flex flex-wrap gap-1"
-                role="list"
-                aria-label="Current allowed stream tags"
-              >
-                {(formData.allowed_tags || '').split(',').filter(t => t.trim()).map(rawTag => {
-                  const tag = rawTag.trim();
-                  return (
+            {(() => {
+              const parsedAllowedTags = (formData.allowed_tags || '')
+                .split(',')
+                .map(t => t.trim())
+                .filter(Boolean);
+              return parsedAllowedTags.length > 0 ? (
+                <ul
+                  className="mt-2 flex flex-wrap gap-1"
+                  role="list"
+                  aria-label="Current allowed stream tags"
+                >
+                  {parsedAllowedTags.map(tag => (
                     <li key={tag} className="badge-info">
                       #{tag}
                     </li>
-                  );
-                })}
-              </ul>
-            )}
+                  ))}
+                </ul>
+              ) : null;
+            })()}
           </div>
 
           <div className="mb-4">