MrUnknownDE/panel
1
0
Fork 0
mirror of https://github.com/MrUnknownDE/panel.git synced 2026-04-21 07:43:45 +02:00
Code Issues Packages Projects Releases Wiki Activity

ui(admin): tweaks to SelectField styling

Browse Source
This commit is contained in:
Matthew Penner
2021-07-20 15:29:22 -06:00
parent 84b207eddb
commit d2d62b7463
2 changed files with 116 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
resources/scripts/components/elements/ProgressBar.tsx
View File

@@ -12,8 +12,8 @@ const BarFill = styled.div`
`;
export default () => {
const interval = useRef<number>(null);
const timeout = useRef<number>(null);
const interval = useRef<NodeJS.Timer>();
const timeout = useRef<NodeJS.Timer>();
const [ visible, setVisible ] = useState(false);
const progress = useStoreState(state => state.progress.progress);
const continuous = useStoreState(state => state.progress.continuous);
@@ -30,7 +30,6 @@ export default () => {
setVisible((progress || 0) > 0);
if (progress === 100) {
// @ts-ignore
timeout.current = setTimeout(() => setProgress(undefined), 500);
}
}, [ progress ]);
@@ -49,17 +48,17 @@ export default () => {
useEffect(() => {
if (continuous) {
interval.current && clearInterval(interval.current);
if ((progress || 0) >= 90) {
const p = progress || 0;
if (p >= 90) {
setProgress(90);
} else {
// @ts-ignore
interval.current = setTimeout(() => setProgress(progress + randomInt(1, 5)), 500);
interval.current = setTimeout(() => setProgress(p + randomInt(1, 5)), 500);
}
}
}, [ progress, continuous ]);
return (
<div css={tw`w-full fixed z-10`} style={{ height: '2px' }}>
<div css={tw`w-full h-[2px] fixed z-10`}>
<CSSTransition
timeout={150}
appear