From 34214b057006f234b26816a0dd0ddd279ea1ab4b Mon Sep 17 00:00:00 2001
From: Micha Vie <micha@freeiam.com>
Date: Mon, 26 Feb 2024 20:18:59 +0100
Subject: [PATCH] further post-upgrade migrations

---
 dev/src/layouts/BaseLayout.tsx | 21 +++++++++------------
 1 file changed, 9 insertions(+), 12 deletions(-)

diff --git a/dev/src/layouts/BaseLayout.tsx b/dev/src/layouts/BaseLayout.tsx
index 12a815a..059d424 100644
--- a/dev/src/layouts/BaseLayout.tsx
+++ b/dev/src/layouts/BaseLayout.tsx
@@ -4,8 +4,8 @@ import { DevServerConfig } from '@/config'
 import { useEffect, useState } from 'react'
 import { DocsNotice } from '@/components/DocsNotice'
 import { trimHash, EntityTag } from '@peerme/core-ts'
+import { Button, Select, Switch } from '@peerme/web-ui'
 import { SimulationNotice } from '@/components/SimulationNotice'
-import { Button, Select, SelectOption, Switch } from '@peerme/web-ui'
 import { useExtensionLogin, useGetAccountInfo } from '@multiversx/sdk-dapp/hooks'
 
 type Props = {
@@ -40,11 +40,14 @@ export const BaseLayout = (props: Props) => {
           </div>
           <div className="flex items-center gap-2">
             <span className="text-xl text-gray-500">Tag</span>
-            <Select
-              options={toTagSelectOptions(DevServerConfig.AvailableEntityTags)}
-              onSelect={(val) => props.onEntityTagChange?.(val as EntityTag)}
-              className="w-48"
-            />
+            <Select onChange={(val) => props.onEntityTagChange?.(val as EntityTag)} className="w-48">
+              <option value="-">Select Tag</option>
+              {DevServerConfig.AvailableEntityTags.map((tag) => (
+                <option key={tag} value={tag}>
+                  {tag}
+                </option>
+              ))}
+            </Select>
           </div>
           <div className="flex items-center">
             {address ? (
@@ -71,9 +74,3 @@ export const BaseLayout = (props: Props) => {
     </div>
   )
 }
-
-const toTagSelectOptions = (tags: EntityTag[]): SelectOption[] => {
-  const options = tags.map((tag) => ({ name: tag, value: tag }))
-
-  return [{ name: 'Select', value: '-' }, ...options]
-}