|
|
@ -3,6 +3,7 @@ |
|
|
|
import React, { |
|
|
|
import React, { |
|
|
|
Fragment, |
|
|
|
Fragment, |
|
|
|
useEffect, |
|
|
|
useEffect, |
|
|
|
|
|
|
|
useReducer, |
|
|
|
useRef |
|
|
|
useRef |
|
|
|
} from 'react' |
|
|
|
} from 'react' |
|
|
|
|
|
|
|
|
|
|
@ -23,6 +24,7 @@ export function RemixUiVerticalIconsPanel ({ |
|
|
|
}: RemixUiVerticalIconsPanelProps) { |
|
|
|
}: RemixUiVerticalIconsPanelProps) { |
|
|
|
const scrollableRef = useRef<any>() |
|
|
|
const scrollableRef = useRef<any>() |
|
|
|
const iconPanelRef = useRef<any>() |
|
|
|
const iconPanelRef = useRef<any>() |
|
|
|
|
|
|
|
const udappPanelRef = useRef<any>() |
|
|
|
|
|
|
|
|
|
|
|
function onThemeChanged (themeType: any) { |
|
|
|
function onThemeChanged (themeType: any) { |
|
|
|
const invert = themeType === 'dark' ? 1 : 0 |
|
|
|
const invert = themeType === 'dark' ? 1 : 0 |
|
|
@ -107,10 +109,6 @@ export function RemixUiVerticalIconsPanel ({ |
|
|
|
scrollableRef={scrollableRef} |
|
|
|
scrollableRef={scrollableRef} |
|
|
|
/> |
|
|
|
/> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
{scrollableRef.current && scrollableRef.current!.scrollHeight > scrollableRef.current!.clientHeight |
|
|
|
|
|
|
|
? <i className="fa fa-chevron-up remixui_icon-chevron m-3"></i> |
|
|
|
|
|
|
|
: null |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
<div |
|
|
|
<div |
|
|
|
id="remixuiScrollable" |
|
|
|
id="remixuiScrollable" |
|
|
|
className={scrollableRef.current && scrollableRef.current.scrollHeight > 500 |
|
|
|
className={scrollableRef.current && scrollableRef.current.scrollHeight > 500 |
|
|
|