chore: fix resize (#190)

Author: appflowy

cypress/e2e/page/publish-page.cy.ts

@@ -703,7 +703,10 @@ describe('Publish Page Test', () => {
 
             ShareSelectors.sharePopover().should('not.exist');
             ShareSelectors.publishManageModal().should('be.visible');
-            ShareSelectors.publishManagePanel().should('be.visible').contains('Namespace');
+            
+            // Verify panel exists and is visible separately to avoid null subject issues
+            ShareSelectors.publishManagePanel().should('exist').should('be.visible');
+            ShareSelectors.publishManagePanel().contains('Namespace');
 
             cy.get('body').type('{esc}');
             ShareSelectors.publishManageModal().should('not.exist');

src/application/services/js-services/http/http_api.ts

@@ -156,7 +156,7 @@ async function executeAPIRequest<TResponseData = unknown>(
 
     const method = response.config?.method?.toUpperCase() || 'UNKNOWN';
 
-    Log.debug('[executeAPIRequest]', { method, url: requestUrl });
+    Log.debug('[executeAPIRequest]', { method, url: requestUrl, response_data: response.data?.data, response_code: response.data?.code, response_message: response.data?.message });
 
     if (!response.data) {
       console.error('[executeAPIRequest] No response data received', response);
@@ -1442,13 +1442,19 @@ export async function createDatabaseView(
 export async function addAppPage(workspaceId: string, parentViewId: string, { layout, name }: CreatePagePayload) {
   const url = `/api/workspace/${workspaceId}/page-view`;
 
-  return executeAPIRequest<CreatePageResponse>(() =>
+  Log.debug('[addAppPage] request', { url, workspaceId, parentViewId, layout, name });
+
+  const response = await executeAPIRequest<CreatePageResponse>(() =>
     axiosInstance?.post<APIResponse<CreatePageResponse>>(url, {
       parent_view_id: parentViewId,
       layout,
       name,
     })
   );
+
+  Log.debug('[addAppPage] response', { view_id: response.view_id, database_id: response.database_id });
+
+  return response;
 }
 
 export async function updatePage(workspaceId: string, viewId: string, data: UpdatePagePayload) {

src/components/app/view-actions/NewPage.tsx

@@ -11,6 +11,7 @@ import CreateSpaceModal from '@/components/app/view-actions/CreateSpaceModal';
 import SpaceList from '@/components/publish/header/duplicate/SpaceList';
 import { dropdownMenuItemVariants } from '@/components/ui/dropdown-menu';
 import { cn } from '@/lib/utils';
+import { Log } from '@/utils/log';
 
 function NewPage() {
   const { t } = useTranslation();
@@ -44,6 +45,7 @@ function NewPage() {
       if (!addPage || !openPageModal) return;
       setLoading(true);
       try {
+        Log.debug('[handleAddPage]', { parentId, layout: ViewLayout.Document });
         const response = await addPage(parentId, {
           layout: ViewLayout.Document,
         });

src/components/editor/components/panels/slash-panel/SlashPanel.tsx

@@ -144,7 +144,7 @@ const DatabaseTreeItem: React.FC<{
           ) : (
             <div style={{ width: 16, height: 16 }} />
           )}
-          <PageIcon view={view} />
+          <PageIcon view={view} className={'flex h-5 w-5 min-w-5 items-center justify-center'} />
           <span className={'flex-1 truncate'}>{name}</span>
         </div>
         {isDatabase && (