mirror of
https://github.com/blitzkit/blitzkit.git
synced 2026-10-24 03:59:50 +02:00
fix: button popover order
This commit is contained in:
1 parent
92b329a0fb
commit
f98a4c7caa
1 file changed
+57
-58
@@ -771,9 +771,9 @@ export default function Page() {
|
|||||||
</Popover.Root>
|
</Popover.Root>
|
||||||
</Flex>
|
</Flex>
|
||||||
|
|
||||||
<Button variant="ghost" radius="large">
|
<Popover.Root>
|
||||||
<Popover.Root>
|
<Popover.Trigger>
|
||||||
<Popover.Trigger>
|
<Button variant="ghost">
|
||||||
<Flex align="center">
|
<Flex align="center">
|
||||||
{(
|
{(
|
||||||
[
|
[
|
||||||
@@ -796,66 +796,65 @@ export default function Page() {
|
|||||||
/>
|
/>
|
||||||
))}
|
))}
|
||||||
</Flex>
|
</Flex>
|
||||||
</Popover.Trigger>
|
</Button>
|
||||||
|
</Popover.Trigger>
|
||||||
|
|
||||||
<Popover.Content>
|
<Popover.Content>
|
||||||
<ModuleManager
|
<ModuleManager
|
||||||
tank={tank}
|
tank={tank}
|
||||||
turret={turret}
|
turret={turret}
|
||||||
gun={gun}
|
gun={gun}
|
||||||
shell={shell}
|
shell={shell}
|
||||||
engine={engine}
|
engine={engine}
|
||||||
track={track}
|
track={track}
|
||||||
onChange={(modules) => {
|
onChange={(modules) => {
|
||||||
|
mutateCompareTemporary((draft) => {
|
||||||
|
draft.members[index] = {
|
||||||
|
...draft.members[index],
|
||||||
|
...modules,
|
||||||
|
};
|
||||||
|
});
|
||||||
|
}}
|
||||||
|
/>
|
||||||
|
|
||||||
|
<Flex justify="end" mt="4" gap="4">
|
||||||
|
<Button
|
||||||
|
variant="ghost"
|
||||||
|
onClick={() => {
|
||||||
mutateCompareTemporary((draft) => {
|
mutateCompareTemporary((draft) => {
|
||||||
draft.members[index] = {
|
const member = draft.members[index];
|
||||||
...draft.members[index],
|
|
||||||
...modules,
|
member.turret = member.tank.turrets[0];
|
||||||
};
|
member.gun = member.turret.guns[0];
|
||||||
|
member.shell = member.gun.shells[0];
|
||||||
|
member.engine = member.tank.engines[0];
|
||||||
|
member.track = member.tank.tracks[0];
|
||||||
});
|
});
|
||||||
}}
|
}}
|
||||||
/>
|
>
|
||||||
|
Stock
|
||||||
|
</Button>
|
||||||
|
<Button
|
||||||
|
variant="ghost"
|
||||||
|
onClick={() => {
|
||||||
|
mutateCompareTemporary((draft) => {
|
||||||
|
const member = draft.members[index];
|
||||||
|
|
||||||
<Flex justify="end" mt="4" gap="4">
|
member.turret =
|
||||||
<Button
|
member.tank.turrets.at(-1)!;
|
||||||
variant="ghost"
|
member.gun = member.turret.guns.at(-1)!;
|
||||||
onClick={() => {
|
member.shell = member.gun.shells[0];
|
||||||
mutateCompareTemporary((draft) => {
|
member.engine =
|
||||||
const member = draft.members[index];
|
member.tank.engines.at(-1)!;
|
||||||
|
member.track = member.tank.tracks.at(-1)!;
|
||||||
member.turret = member.tank.turrets[0];
|
});
|
||||||
member.gun = member.turret.guns[0];
|
}}
|
||||||
member.shell = member.gun.shells[0];
|
>
|
||||||
member.engine = member.tank.engines[0];
|
Upgrade
|
||||||
member.track = member.tank.tracks[0];
|
</Button>
|
||||||
});
|
</Flex>
|
||||||
}}
|
</Popover.Content>
|
||||||
>
|
</Popover.Root>
|
||||||
Stock
|
|
||||||
</Button>
|
|
||||||
<Button
|
|
||||||
variant="ghost"
|
|
||||||
onClick={() => {
|
|
||||||
mutateCompareTemporary((draft) => {
|
|
||||||
const member = draft.members[index];
|
|
||||||
|
|
||||||
member.turret =
|
|
||||||
member.tank.turrets.at(-1)!;
|
|
||||||
member.gun = member.turret.guns.at(-1)!;
|
|
||||||
member.shell = member.gun.shells[0];
|
|
||||||
member.engine =
|
|
||||||
member.tank.engines.at(-1)!;
|
|
||||||
member.track =
|
|
||||||
member.tank.tracks.at(-1)!;
|
|
||||||
});
|
|
||||||
}}
|
|
||||||
>
|
|
||||||
Upgrade
|
|
||||||
</Button>
|
|
||||||
</Flex>
|
|
||||||
</Popover.Content>
|
|
||||||
</Popover.Root>
|
|
||||||
</Button>
|
|
||||||
</Flex>
|
</Flex>
|
||||||
</Table.Cell>
|
</Table.Cell>
|
||||||
);
|
);
|
||||||
|
|||||||
Reference in new issue
Block a user