fix: button popover order

This commit is contained in:
TrèsAbhi committed 2024-04-08 19:10:02 -05:00
1 parent 92b329a0fb
commit f98a4c7caa
1 file changed
+57 -58
+57 -58
View File
@@ -771,9 +771,9 @@ export default function Page() {
</Popover.Root>
</Flex>
<Button variant="ghost" radius="large">
<Popover.Root>
<Popover.Trigger>
<Popover.Root>
<Popover.Trigger>
<Button variant="ghost">
<Flex align="center">
{(
[
@@ -796,66 +796,65 @@ export default function Page() {
/>
))}
</Flex>
</Popover.Trigger>
</Button>
</Popover.Trigger>
<Popover.Content>
<ModuleManager
tank={tank}
turret={turret}
gun={gun}
shell={shell}
engine={engine}
track={track}
onChange={(modules) => {
<Popover.Content>
<ModuleManager
tank={tank}
turret={turret}
gun={gun}
shell={shell}
engine={engine}
track={track}
onChange={(modules) => {
mutateCompareTemporary((draft) => {
draft.members[index] = {
...draft.members[index],
...modules,
};
});
}}
/>
<Flex justify="end" mt="4" gap="4">
<Button
variant="ghost"
onClick={() => {
mutateCompareTemporary((draft) => {
draft.members[index] = {
...draft.members[index],
...modules,
};
const member = draft.members[index];
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">
<Button
variant="ghost"
onClick={() => {
mutateCompareTemporary((draft) => {
const member = draft.members[index];
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];
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>
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>
</Flex>
</Table.Cell>
);