diff options
| author | Sebastian <sebasjm@gmail.com> | 2024-02-13 11:31:04 -0300 |
|---|---|---|
| committer | Sebastian <sebasjm@gmail.com> | 2024-02-13 11:31:36 -0300 |
| commit | 8d741cf1c39b76a20e227f16c42f8a4db6d5bad1 (patch) | |
| tree | 82276f304cf2ded6686d538fce2e1a1ac461ac6a /packages/web-util | |
| parent | 336361b99fa2528071f9e3b0431cd03176d8f2dc (diff) | |
| download | wallet-core-8d741cf1c39b76a20e227f16c42f8a4db6d5bad1.tar.xz | |
do not show sites strings when there is no sites
Diffstat (limited to 'packages/web-util')
| -rw-r--r-- | packages/web-util/src/components/Header.tsx | 33 |
1 files changed, 18 insertions, 15 deletions
diff --git a/packages/web-util/src/components/Header.tsx b/packages/web-util/src/components/Header.tsx index e5662fc70..0f50b8327 100644 --- 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">></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">></span> + <span class="truncate">{name}</span> + </a> + </li> + })} + </ul> + </li> + : undefined + } </ul> </nav> </div> |