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> </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>
); );