taler-typescript-core

commit 8d741cf1c39b76a20e227f16c42f8a4db6d5bad1
parent 336361b99fa2528071f9e3b0431cd03176d8f2dc
Author: Sebastian <sebasjm@gmail.com>
Date:   Tue, 13 Feb 2024 11:31:04 -0300

do not show sites strings when there is no sites

Diffstat:
M
packages/web-util/src/components/Header.tsx
 | 
33
++++++++++++++++++---------------

1 file changed, 18 insertions(+), 15 deletions(-)
diff --git a/packages/web-util/src/components/Header.tsx b/packages/web-util/src/components/Header.tsx
@@ -112,21 +112,24 @@ export function Header({ title, iconLinkURL, sites, onLogout, children }:
                         {/* CHILDREN */}
                         {children}
                         {/* /CHILDREN */}
-                        <li class="block sm:hidden">
-                          <div class="text-xs font-semibold leading-6 text-gray-400">
-                            <i18n.Translate>Sites</i18n.Translate>
-                          </div>
-                          <ul role="list" class="space-y-1">
-                            {sites.map(([name, url]) => {
-                              return <li>
-                                <a href={url} target="_blank" rel="noopener noreferrer" class="text-gray-700 hover:text-indigo-600 hover:bg-gray-100 group flex gap-x-3 rounded-md p-2 text-sm leading-6 font-semibold">
-                                  <span class="flex h-6 w-6 shrink-0 items-center justify-center rounded-lg border text-[0.625rem] font-medium bg-white text-gray-400 border-gray-200 group-hover:border-indigo-600 group-hover:text-indigo-600">&gt;</span>
-                                  <span class="truncate">{name}</span>
-                                </a>
-                              </li>
-                            })}
-                          </ul>
-                        </li>
+                        {sites.length > 0 ?
+                          <li class="block sm:hidden">
+                            <div class="text-xs font-semibold leading-6 text-gray-400">
+                              <i18n.Translate>Sites</i18n.Translate>
+                            </div>
+                            <ul role="list" class="space-y-1">
+                              {sites.map(([name, url]) => {
+                                return <li>
+                                  <a href={url} target="_blank" rel="noopener noreferrer" class="text-gray-700 hover:text-indigo-600 hover:bg-gray-100 group flex gap-x-3 rounded-md p-2 text-sm leading-6 font-semibold">
+                                    <span class="flex h-6 w-6 shrink-0 items-center justify-center rounded-lg border text-[0.625rem] font-medium bg-white text-gray-400 border-gray-200 group-hover:border-indigo-600 group-hover:text-indigo-600">&gt;</span>
+                                    <span class="truncate">{name}</span>
+                                  </a>
+                                </li>
+                              })}
+                            </ul>
+                          </li>
+                          : undefined
+                        }
                       </ul>
                     </nav>
                   </div>