flip role order

This commit is contained in:
41666 2023-02-18 15:07:30 -05:00
parent a682ade1d3
commit 175144cc7a
4 changed files with 32 additions and 4 deletions

View file

@ -2,10 +2,10 @@ import { Popover } from '@roleypoly/design-system/atoms/popover';
import { Role } from '@roleypoly/design-system/atoms/role';
import { RoleSearch } from '@roleypoly/design-system/molecules/role-search';
import { Role as RoleT } from '@roleypoly/types';
import { sortBy, uniq } from 'lodash';
import React from 'react';
import { GoPlus } from 'react-icons/go';
import { AddRoleButton, EditableRoleListStyled } from './EditableRoleList.styled';
import { sortByReverse } from '@roleypoly/misc-utils/sortBy';
type Props = {
roles: RoleT[];
@ -36,7 +36,7 @@ export const EditableRoleList = (props: Props) => {
<EditableRoleListStyled>
{props.selectedRoles.length !== 0 ? (
<>
{sortBy(
{sortByReverse(
props.roles.filter((r) => props.selectedRoles.includes(r.id)),
'position'
).map((role) => (

View file

@ -1,6 +1,6 @@
import { Role } from '@roleypoly/design-system/atoms/role';
import { AmbientLarge, LargeText } from '@roleypoly/design-system/atoms/typography';
import { sortBy } from '@roleypoly/misc-utils/sortBy';
import { sortByReverse } from '@roleypoly/misc-utils/sortBy';
import { Category as RPCCategory, Role as RPCRole, RoleSafety } from '@roleypoly/types';
import * as React from 'react';
import ReactTooltip from 'react-tooltip';
@ -47,7 +47,7 @@ export const PickerCategory = (props: CategoryProps) => (
)}
</Head>
<Category>
{sortBy(props.roles, 'position').map((role, idx) => (
{sortByReverse(props.roles, 'position').map((role, idx) => (
<Container key={idx}>
<Role
role={role}