Cool_Tools/feishin
1
0
Fork 0
mirror of https://github.com/jeffvli/feishin.git synced 2024-11-20 14:37:06 +01:00
Code Issues Actions 1 Packages Projects Releases Wiki Activity

Forward scrollarea ref

Browse Source
This commit is contained in:
jeffvli 2022-12-31 16:50:20 -08:00
parent d6936634db
commit 81455602ef
1 changed files with 4 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
src/renderer/components/scroll-area/index.tsx
View File

@ -1,3 +1,4 @@
import { forwardRef, Ref } from 'react';
import type { ScrollAreaProps as MantineScrollAreaProps } from '@mantine/core'; import type { ScrollAreaProps as MantineScrollAreaProps } from '@mantine/core';
import { ScrollArea as MantineScrollArea } from '@mantine/core'; import { ScrollArea as MantineScrollArea } from '@mantine/core';
import styled from 'styled-components'; import styled from 'styled-components';
@ -18,13 +19,14 @@ const StyledScrollArea = styled(MantineScrollArea)`
} }
`; `;
export const ScrollArea = ({ children, ...props }: ScrollAreaProps) => { export const ScrollArea = forwardRef(({ children, ...props }: ScrollAreaProps, ref: Ref<any>) => {
return ( return (
<StyledScrollArea <StyledScrollArea
ref={ref}
scrollbarSize={12} scrollbarSize={12}
{...props} {...props}
> >
{children} {children}
</StyledScrollArea> </StyledScrollArea>
); );
}; });