further post-upgrade migrations

PeerMeHQ · Feb 26, 2024 · 34214b0 · 34214b0
1 parent c2ac610
commit 34214b0
Showing 1 changed file with 9 additions and 12 deletions.
diff --git 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]
-}