edb4f2f654
BREAKING CHANGE: helpers/utils.js no longer exports `isMobile()`. Any external code that relied on this function must switch to the `useIsMobile` React hook. Summary ------- 1. Deleted the obsolete `isMobile()` function from helpers/utils.js. 2. Introduced `MOBILE_BREAKPOINT` constant and `matchMedia`-based detection for non-React contexts. 3. Reworked toast positioning logic in utils.js to rely on `matchMedia`. 4. Updated render.js: • Removed isMobile import. • Added MOBILE_BREAKPOINT detection in `truncateText`. 5. Migrated every page/component to the `useIsMobile` hook: • Layout: HeaderBar, PageLayout, SiderBar • Pages: Home, Detail, Playground, User (Add/Edit), Token, Channel, Redemption, Ratio Sync • Components: ChannelsTable, ChannelSelectorModal, ConflictConfirmModal 6. Purged all remaining `isMobile()` calls and legacy imports. 7. Added missing `const isMobile = useIsMobile()` declarations where required. Benefits -------- • Unifies mobile detection with a React-friendly hook. • Eliminates duplicated logic and improves maintainability. • Keeps non-React helpers lightweight by using `matchMedia` directly.
22 lines
563 B
JavaScript
22 lines
563 B
JavaScript
import { useState, useCallback } from 'react';
|
|
|
|
const KEY = 'default_collapse_sidebar';
|
|
|
|
export const useSidebarCollapsed = () => {
|
|
const [collapsed, setCollapsed] = useState(() => localStorage.getItem(KEY) === 'true');
|
|
|
|
const toggle = useCallback(() => {
|
|
setCollapsed(prev => {
|
|
const next = !prev;
|
|
localStorage.setItem(KEY, next.toString());
|
|
return next;
|
|
});
|
|
}, []);
|
|
|
|
const set = useCallback((value) => {
|
|
setCollapsed(value);
|
|
localStorage.setItem(KEY, value.toString());
|
|
}, []);
|
|
|
|
return [collapsed, toggle, set];
|
|
};
|