fix: correctly load default canvas in settings (#76)

* refactor: update default canvas API endpoint in SettingsDialog

- Changed the API call in SettingsDialog to use the new endpoint '/api/templates/default' for fetching default canvas data.
- Removed the previous fetch implementation, streamlining the code by utilizing the api.getDefaultCanvas() method for better maintainability.

* fix: update API response handling in getDefaultCanvas and log default canvas data

- Modified the getDefaultCanvas function to return result.data instead of the entire result object, ensuring correct data retrieval.
- Added a console log in SettingsDialog to output the fetched default canvas data for debugging purposes.

Author: atyrode

src/frontend/src/api/hooks.ts

@@ -118,8 +118,8 @@ export const api = {
 
   getDefaultCanvas: async (): Promise<CanvasData> => {
     try {
-      const result = await fetchApi('/api/pad/from-template/default');
-      return result;
+      const result = await fetchApi('/api/templates/default');
+      return result.data;
     } catch (error) {
       throw error;
     }

src/frontend/src/ui/SettingsDialog.tsx

@@ -5,6 +5,7 @@ import { UserSettings, DEFAULT_SETTINGS } from "../types/settings";
 import { RefreshCw } from "lucide-react";
 import { normalizeCanvasData } from "../utils/canvasUtils";
 import { capture } from "../utils/posthog";
+import { api } from "../api/hooks";
 import "./SettingsDialog.scss";
 
 interface SettingsDialogProps {
@@ -47,25 +48,18 @@ const SettingsDialog: React.FC<SettingsDialogProps> = ({
       setIsRestoring(true);
       capture('restore_tutorial_canvas_clicked');
 
-      // Fetch the default canvas data from the backend
-      const response = await fetch('/api/canvas/default', {
-        method: 'GET',
-        credentials: 'include'
-      });
-      
-      if (!response.ok) {
-        throw new Error(`Failed to fetch default canvas: ${response.statusText}`);
-      }
+      // Use the API function from hooks.ts to fetch the default canvas
+      const defaultCanvasData = await api.getDefaultCanvas();
 
-      const defaultCanvasData = await response.json();
+      console.debug("Default canvas data:", defaultCanvasData);
 
       // Normalize the canvas data before updating the scene
       const normalizedData = normalizeCanvasData(defaultCanvasData);
 
       // Update the canvas with the normalized default data
       excalidrawAPI.updateScene(normalizedData);
 
-      console.log("Canvas reset to default successfully");
+      console.debug("Canvas reset to default successfully");
 
       // Close the dialog after successful restore
       handleClose();