roleypoly/v3
1
0
Fork 0
mirror of https://github.com/roleypoly/roleypoly.git synced 2025-04-24 19:39:11 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

scroll to bottom when a new category is created

Browse source
This commit is contained in:
41666 2022-02-01 17:23:17 -05:00
parent e0a0d1d87a
commit c28e53c6b4
1 changed files with 9 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

9
packages/design-system/organisms/server-category-editor/ServerCategoryEditor.tsx
View file

@ -44,6 +44,13 @@ const defaultCategory: Omit<Omit<Category, 'id'>, 'position'> = {
export const ServerCategoryEditor = (props: Props) => { export const ServerCategoryEditor = (props: Props) => {
const [reorderMode, setReorderMode] = React.useState(false); const [reorderMode, setReorderMode] = React.useState(false);
const scrollToBottomDiv = React.useRef<HTMLDivElement>(null);
const scrollToBottom = () => {
if (scrollToBottomDiv.current) {
scrollToBottomDiv.current.scrollIntoView({ behavior: 'smooth' });
}
};
const unselectedRoles = React.useMemo(() => { const unselectedRoles = React.useMemo(() => {
const selectedRoles = flatten(props.guild.data.categories.map((c) => c.roles)); const selectedRoles = flatten(props.guild.data.categories.map((c) => c.roles));
return props.guild.roles.filter( return props.guild.roles.filter(
@ -74,6 +81,7 @@ export const ServerCategoryEditor = (props: Props) => {
position: categories.length, position: categories.length,
}; };
scrollToBottom();
props.onChange([...categories, newCategory]); props.onChange([...categories, newCategory]);
}; };
@ -147,6 +155,7 @@ export const ServerCategoryEditor = (props: Props) => {
</Text> </Text>
</CategoryContainer> </CategoryContainer>
)} )}
<div ref={scrollToBottomDiv} />
</div> </div>
); );
}; };