blitzkit/packages/website/src/components/TierList/Controls.tsx

import { ReloadIcon } from '@radix-ui/react-icons';
import { Button, Flex } from '@radix-ui/themes';
import { TierList } from '../../stores/tierList';
import { tierListRows } from './Table/constants';

export function TierListControls() {
  const mutateTierList = TierList.useMutation();

  return (
    <Flex justify="center">
      <Button
        color="red"
        onClick={() => {
          mutateTierList((draft) => {
            draft.tanks = tierListRows.map(() => []);
          });
        }}
      >
        <ReloadIcon /> Reset
      </Button>
    </Flex>
  );
}