feat(component): support image preview by double click (#2198)

apps/web/preset.config.mjs

@@ -18,6 +18,9 @@ export const blockSuiteFeatureFlags = {
  * @type {import('@affine/env').BuildFlags}
  */
 export const buildFlags = {
+  enableImagePreviewModal: process.env.ENABLE_IMAGE_PREVIEW_MODAL
+    ? process.env.ENABLE_IMAGE_PREVIEW_MODAL === 'true'
+    : true,
   enableTestProperties: process.env.ENABLE_TEST_PROPERTIES
     ? process.env.ENABLE_TEST_PROPERTIES === 'true'
     : true,

apps/web/src/providers/modal-provider.tsx

@@ -26,6 +26,7 @@ const WorkspaceListModal = lazy(() =>
     default: module.WorkspaceListModal,
   }))
 );
+
 const CreateWorkspaceModal = lazy(() =>
   import('../components/pure/create-workspace-modal').then(module => ({
     default: module.CreateWorkspaceModal,
@@ -39,7 +40,8 @@ const TmpDisableAffineCloudModal = lazy(() =>
     })
   )
 );
-const OnboardingModalAtom = lazy(() =>
+
+const OnboardingModal = lazy(() =>
   import('../components/pure/onboarding-modal').then(module => ({
     default: module.OnboardingModal,
   }))
@@ -85,7 +87,7 @@ export function Modals() {
       </Suspense>
       {env.isDesktop && (
         <Suspense>
-          <OnboardingModalAtom
+          <OnboardingModal
             open={openOnboardingModal}
             onClose={onCloseOnboardingModal}
           />