Function AppContent

src/App.tsx:105–264

()

}

function AppContent() {
  const {
    isThemeMakerOpen, setIsThemeMakerOpen,
    todos, setTodos,
    linkGroups,
    statsMode,
    weatherMode,
    layouts, setLayouts,
    tempUnit,
    openInNewTab,
    showWidgetTitles,
    reserveSettingsSpace,
    customFont,
    funOptions,
    marketConfig,
    todoistConfig,
    activeWidgets,
    isLayoutLocked,
    isResizingEnabled,
    handleSaveCustomTheme,
    removeExtraWidget,
    isCrt
  } = useAppContext();

  const onLayoutChange = (_: Layout[], allLayouts: any) => {
    setLayouts(allLayouts);
  };

  const showHandles = isResizingEnabled && !isLayoutLocked;

  const appStyle = {
    fontFamily: customFont ? customFont : '"JetBrains Mono", monospace'
  };

  const [gridReady, setGridReady] = useState(false);
  const [isFirstLoad, setIsFirstLoad] = useState(true);

  // briefly hide grid items while layout is computed, then suppress transitions
  useEffect(() => {
    const showTimer = setTimeout(() => setGridReady(true), 150);
    const animTimer = setTimeout(() => setIsFirstLoad(false), 3000);
    return () => {
      clearTimeout(showTimer);
      clearTimeout(animTimer);
    };
  }, []);

  return (
    <div
      className={`min-h-screen w-full p-2 text-sm bg-[var(--color-bg)] relative overflow-hidden select-none ${isCrt ? 'theme-crt' : ''}`}
      style={appStyle}
    >

      {isCrt && (
        <>
          <div className="crt-curve-container"></div>
          <div className="crt-scanlines"></div>
          <div className="crt-noise"></div>