fix: add platform selector to storybook (#4380)

apps/core/src/components/pure/header/index.tsx

@@ -3,7 +3,6 @@ import {
   appSidebarOpenAtom,
   SidebarSwitch,
 } from '@affine/component/app-sidebar';
-import { isDesktop } from '@affine/env/constant';
 import { useIsTinyScreen } from '@toeverything/hooks/use-is-tiny-screen';
 import clsx from 'clsx';
 import { type Atom, useAtomValue } from 'jotai';
@@ -45,7 +44,7 @@ export const Header = forwardRef<HTMLDivElement, HeaderPros>(function Header(
     rightStatic: windowControlsRef,
   });
 
-  const isWindowsDesktop = globalThis.platform === 'win32' && isDesktop;
+  const isWindowsDesktop = environment.isDesktop && environment.isWindows;
   const open = useAtomValue(appSidebarOpenAtom);
   const appSidebarFloating = useAtomValue(appSidebarFloatingAtom);
   return (

apps/core/src/components/pure/header/top-tip.tsx

@@ -1,6 +1,5 @@
 import { BrowserWarning } from '@affine/component/affine-banner';
 import { DownloadTips } from '@affine/component/affine-banner';
-import { isDesktop } from '@affine/env/constant';
 import { Trans } from '@affine/i18n';
 import { useAFFiNEI18N } from '@affine/i18n/hooks';
 import { useAtom } from 'jotai';
@@ -11,7 +10,7 @@ import { guideDownloadClientTipAtom } from '../../../atoms/guide';
 const minimumChromeVersion = 102;
 
 const shouldShowWarning = () => {
-  if (isDesktop) {
+  if (environment.isDesktop) {
     // even though desktop has compatibility issues,
     //  we don't want to show the warning
     return false;
@@ -64,7 +63,7 @@ export const TopTip = () => {
     setShowWarning(shouldShowWarning());
   }, []);
 
-  if (showDownloadTip && isDesktop) {
+  if (showDownloadTip && environment.isDesktop) {
     return (
       <DownloadTips
         onClose={() => {

apps/core/src/components/pure/header/windows-app-controls.tsx

@@ -8,7 +8,7 @@ import * as style from './style.css';
 const maximizedAtom = atomWithObservable(() => {
   return new Observable<boolean>(subscriber => {
     subscriber.next(false);
-    return window?.events.ui.onMaximized(maximized => {
+    return window.events?.ui.onMaximized(maximized => {
       return subscriber.next(maximized);
     });
   });