|
|
|
@ -24,10 +24,6 @@ export function RemixUiVerticalIconsPanel ({ |
|
|
|
|
}: RemixUiVerticalIconsPanelProps) { |
|
|
|
|
const scrollableRef = useRef<any>() |
|
|
|
|
const iconPanelRef = useRef<any>() |
|
|
|
|
// @ts-ignore
|
|
|
|
|
// scrollHeight = scrollableRef.current!.scrollHeight
|
|
|
|
|
// // @ts-ignore
|
|
|
|
|
// clientHeight = scrollableRef.current!.clientHeight
|
|
|
|
|
|
|
|
|
|
function onThemeChanged (themeType: any) { |
|
|
|
|
const invert = themeType === 'dark' ? 1 : 0 |
|
|
|
@ -77,10 +73,6 @@ export function RemixUiVerticalIconsPanel ({ |
|
|
|
|
verticalIconsPlugin.renderComponent() |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
useEffect(() => { |
|
|
|
|
console.log('usefRef for scrolling', scrollableRef) |
|
|
|
|
}) |
|
|
|
|
|
|
|
|
|
useEffect(() => { |
|
|
|
|
const themeModule = verticalIconsPlugin.registry.get('themeModule').api |
|
|
|
|
themeModule.events.on('themeChanged', (theme: any) => { |
|
|
|
@ -88,14 +80,6 @@ export function RemixUiVerticalIconsPanel ({ |
|
|
|
|
}) |
|
|
|
|
}, []) |
|
|
|
|
|
|
|
|
|
useEffect(() => { |
|
|
|
|
// @ts-ignore
|
|
|
|
|
scrollHeight = scrollableRef.current.scrollHeight |
|
|
|
|
// @ts-ignore
|
|
|
|
|
clientHeight = scrollableRef.current.clientHeight |
|
|
|
|
console.log('scrollHeight ', scrollHeight) |
|
|
|
|
}, []) |
|
|
|
|
|
|
|
|
|
useEffect(() => { |
|
|
|
|
const themeModule = verticalIconsPlugin.registry.get('themeModule').api |
|
|
|
|
themeModule.events.on('themeChanged', (theme: any) => { |
|
|
|
@ -329,7 +313,7 @@ export function RemixUiVerticalIconsPanel ({ |
|
|
|
|
))} |
|
|
|
|
</OtherIcons> |
|
|
|
|
</div> |
|
|
|
|
{scrollableRef.current && scrollableRef.current!.scrollHeight > clientHeight |
|
|
|
|
{scrollableRef.current && scrollableRef.current!.scrollHeight > scrollableRef.current!.clientHeight |
|
|
|
|
? <i className="fa fa-chevron-double-down remixui_icon-chevron m-3"></i> |
|
|
|
|
: null |
|
|
|
|
} |
|
|
|
|