Fix: Update data loading for database changes

Author: lovable-dev[bot]

src/integrations/supabase/client.ts

@@ -0,0 +1,17 @@
+// This file is automatically generated. Do not edit it directly.
+import { createClient } from '@supabase/supabase-js';
+import type { Database } from './types';
+
+const SUPABASE_URL = import.meta.env.VITE_SUPABASE_URL;
+const SUPABASE_PUBLISHABLE_KEY = import.meta.env.VITE_SUPABASE_PUBLISHABLE_KEY;
+
+// Import the supabase client like this:
+// import { supabase } from "@/integrations/supabase/client";
+
+export const supabase = createClient<Database>(SUPABASE_URL, SUPABASE_PUBLISHABLE_KEY, {
+ auth: {
+ storage: localStorage,
+ persistSession: true,
+ autoRefreshToken: true,
+ }
+});

src/services/portfolio/experience.service.ts

@@ -40,7 +40,8 @@ export const fetchExperience = async (): Promise<Experience[]> => {
  return experienceCache;
  }
 
- const { data: experienceData, error: experienceError } = await supabase.from('experiences')
+ const { data: experienceData, error: experienceError } = await supabase
+ .from('experiences')
  .select(`
  id,
  company,

src/services/portfolio/profile.service.ts

@@ -44,8 +44,10 @@ export const fetchProfile = async (): Promise<Profile | null> => {
  return null;
  }
 
- // Fetch all skill categories
- const { data: skillsData, error: skillsError } = await supabase.from('skills').select(`
+ // Fetch all skill categories with their items
+ const { data: skillsData, error: skillsError } = await supabase
+ .from('skills')
+ .select(`
  id,
  category,
  skill_items (

src/services/portfolio/projects.service.ts

@@ -42,7 +42,9 @@ export const fetchProjects = async (): Promise<Project[]> => {
  return projectsCache;
  }
 
- const { data: projectsData, error: projectsError } = await supabase.from('projects').select(`
+ const { data: projectsData, error: projectsError } = await supabase
+ .from('projects')
+ .select(`
  id,
  project_key,
  title,