lux/explore
2
0
Fork 0
mirror of https://github.com/luxfi/explore.git synced 2026-09-24 00:28:18 +00:00
Code Issues Packages Projects Releases Wiki Activity

UI/UX: Dropdown DeFi button fixes (#3126)

Browse Source 
Resolves #3104
This commit is contained in:
tom goriunov
2025-11-13 18:49:29 +01:00
committed by GitHub
parent 4dc800719d
commit 2aecde7104
7 changed files with 13 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files
deploy/tools/envs-validator/schema.ts
+1 -1
View File
@@ -649,7 +649,7 @@ const addressMetadataSchema = yup
const deFiDropdownItemSchema: yup.ObjectSchema<DeFiDropdownItem> = yup
.object({
text: yup.string().required(),
icon: yup.string<IconName>().required(),
icon: yup.string<IconName>(),
dappId: yup.string(),
url: yup.string().test(urlTest),
})
icons/multisend.svg
+3
View File
@@ -0,0 +1,3 @@
<svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M15.293.903a1 1 0 0 1 1.414 0l3 3a1.003 1.003 0 0 1 .25.415l.012.05A1 1 0 0 1 20 4.61c0 .083-.012.164-.031.24l-.013.05a.991.991 0 0 1-.125.264l-.044.059a.997.997 0 0 1-.08.094l-3 3a1 1 0 1 1-1.414-1.414l1.293-1.293h-2.981a4 4 0 0 0-3.279 1.707h.001l-.51.73v.001A6 6 0 0 1 8.21 9.611c.625.414 1.17.94 1.602 1.558l.514.734a4 4 0 0 0 3.277 1.707h2.983l-1.293-1.293a1 1 0 0 1 1.414-1.414l3 3a1.004 1.004 0 0 1 .25.415l.012.05.011.047.003.022c.01.056.017.114.017.173 0 .083-.012.164-.031.24l-.013.05a.991.991 0 0 1-.125.264l-.044.059a.993.993 0 0 1-.08.094l-3 3a1 1 0 1 1-1.414-1.414l1.293-1.293h-2.983a6 6 0 0 1-4.7-2.27l-.216-.29-.513-.733v-.001a4 4 0 0 0-3.036-1.7l-.242-.006H1a1 1 0 1 1 0-2h3.9a4.003 4.003 0 0 0 3.277-1.708l.51-.73a6.003 6.003 0 0 1 4.918-2.562h2.98l-1.292-1.293a1 1 0 0 1 0-1.414Z" fill="currentColor"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 953 B

icons/revoke.svg
+3
View File
@@ -0,0 +1,3 @@
<svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M3.49 8.67a.899.899 0 0 0 .232-1.784l-1.57-.392a.892.892 0 1 0-.463 1.72l1.57.42a.695.695 0 0 0 .23.035ZM6.93 3.685a.891.891 0 0 0 .891.66.73.73 0 0 0 .232 0 .891.891 0 0 0 .624-1.088L8.26 1.69a.891.891 0 1 0-1.72.464l.392 1.533Zm4.306 8.915a.892.892 0 0 0-1.293 0l-3.12 3.173a1.97 1.97 0 0 1-2.728 0 1.916 1.916 0 0 1 0-2.728l3.174-3.12A.891.891 0 1 0 6.013 8.67l-3.2 3.112a3.732 3.732 0 1 0 5.277 5.277l3.147-3.147a.891.891 0 0 0 0-1.31ZM3.864 5.103a.891.891 0 0 0 1.257 0 .891.891 0 0 0 0-1.256l-1.15-1.15a.891.891 0 0 0-1.257 1.257l1.15 1.15ZM18.2 11.638l-1.569-.42a.891.891 0 1 0-.446 1.722l1.57.418h.231a.899.899 0 1 0 .232-1.783l-.018.063Zm-5.242 4.529a.891.891 0 0 0-1.72.463l.419 1.57a.89.89 0 0 0 .891.659c.077.008.155.008.232 0a.893.893 0 0 0 .633-1.097l-.455-1.595Zm3.067-1.4a.89.89 0 0 0-1.257 1.257l1.15 1.15a.892.892 0 0 0 1.257 0 .892.892 0 0 0 0-1.257l-1.15-1.15Zm2.122-9.298a3.708 3.708 0 0 0-6.348-2.674L8.652 5.968a.91.91 0 1 0 1.292 1.284l3.12-3.174a1.97 1.97 0 0 1 2.728 0 1.917 1.917 0 0 1 0 2.728l-3.174 3.12a.892.892 0 0 0 0 1.257.892.892 0 0 0 1.258 0l3.2-3.11a3.735 3.735 0 0 0 1.07-2.604Z" fill="currentColor"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.2 KiB

public/icons/name.d.ts
Vendored
+2
View File
@@ -119,6 +119,7 @@
| "moon"
| "MUD_menu"
| "MUD"
| "multisend"
| "name_services"
| "networks"
| "networks/icon-placeholder"
@@ -142,6 +143,7 @@
| "repeat"
| "restAPI"
| "return"
| "revoke"
| "rocket_xl"
| "rocket"
| "RPC"
types/client/deFiDropdown.ts
+1 -1
View File
@@ -2,7 +2,7 @@ import type { IconName } from 'ui/shared/IconSvg';
export type DeFiDropdownItem = {
text: string;
icon: IconName;
icon?: IconName;
} & (
{ dappId: string; url?: never } |
{ url: string; dappId?: never }
ui/snippets/topBar/DeFiDropdown.tsx
+2 -2
View File
@@ -45,7 +45,7 @@ const DeFiDropdown = () => {
<IconSvg name="arrows/east-mini" boxSize={ 4 } ml={ 1 } transform="rotate(-90deg)"/>
</Button>
</PopoverTrigger>
<PopoverContent w="auto">
<PopoverContent w="auto" minW={{ base: 'auto', lg: '132px' }}>
<PopoverBody >
<Flex flexDirection="column" gap={ 1 }>
{ items.map((item, index) => (
@@ -66,7 +66,7 @@ const DeFiDropdown = () => {
asChild
>
<Button onClick={ items[0].onClick } size="2xs">
<IconSvg name={ items[0].icon } boxSize={ 3 } mr={{ base: 0, sm: 1 }}/>
{ items[0].icon && <IconSvg name={ items[0].icon } boxSize={ 3 } mr={{ base: 0, sm: 1 }}/> }
<Box display={{ base: 'none', sm: 'inline' }}>
{ items[0].text }
</Box>
ui/snippets/topBar/DeFiDropdownItem.tsx
+1 -1
View File
@@ -22,7 +22,7 @@ const DeFiDropdownItem = ({ item }: Props) => {
variant="menu"
onClick={ item.onClick }
>
<IconSvg name={ item.icon } boxSize={ 5 } mr={ 2 }/>
{ item.icon && <IconSvg name={ item.icon } boxSize={ 5 } mr={ 2 }/> }
<Text as="span" fontSize="sm">{ item.text }</Text>
</Link>
);