Nicholai 1378bff909 updated the following components to use the API instead of hardcoded data:
### 1. __artists-grid.tsx__ (Main Artist Browsing)

- Uses  hook from
- Fetches from  endpoint
- Includes loading states, error handling, and filtering
- __Impact:__ Primary artist browsing experience now fully API-driven

### 2. __artist-portfolio.tsx__ (Individual Artist Pages)

- Uses  hook
- Fetches from  endpoint
- Fixed all TypeScript errors (changed image ID from number to string)
- Added loading/error states
- __Impact:__ Artist detail pages now fully API-driven

### 3. __booking-form.tsx__ (Artist Selection Dropdown)

- Uses  hook for artist selection
- Updated to use API data structure ( array, , etc.)
- Added loading state for dropdown
- __Impact:__ Booking flow now uses real artist data

## ⚠️ REMAINING (Decorative/Marketing Components)

Two complex components still use hardcoded :

### 4. __artists-section.tsx__ (Homepage Hero - 348 lines)

- Homepage marketing section with complex parallax scrolling
- Uses hardcoded artist data for visual cards
- __Non-blocking:__ This is a decorative homepage element

### 5. __artists-page-section.tsx__ (Artists Page Section - 413 lines)

- Full-page artists showcase with parallax effects
- Uses hardcoded artist data for visual layout
- __Non-blocking:__ Alternative to artists-grid.tsx (which IS using API)

##
2025-10-06 04:44:08 -06:00

4 lines
1.1 KiB
JavaScript

export const production = {"DATABASE_URL":"file:./local.db","DIRECT_URL":"file:./local.db","NEXTAUTH_URL":"http://localhost:3001","NEXTAUTH_SECRET":"development-secret-key-for-testing-only-32-chars-minimum","AWS_ACCESS_KEY_ID":"5cee6a21cea282a9c89d5297964402e7","AWS_SECRET_ACCESS_KEY":"e649c50203bf3763ac209f6130d57fc296ff6d92fd6690c3a8333c9de19d6389","AWS_REGION":"auto","AWS_BUCKET_NAME":"united-tattoo","AWS_ENDPOINT_URL":"https://5cee6a21cea282a9c89d5297964402e7.r2.cloudflarestorage.com/united-tattoo","NODE_ENV":"development"};
export const development = {"DATABASE_URL":"file:./local.db","DIRECT_URL":"file:./local.db","NEXTAUTH_URL":"http://localhost:3001","NEXTAUTH_SECRET":"development-secret-key-for-testing-only-32-chars-minimum","AWS_ACCESS_KEY_ID":"5cee6a21cea282a9c89d5297964402e7","AWS_SECRET_ACCESS_KEY":"e649c50203bf3763ac209f6130d57fc296ff6d92fd6690c3a8333c9de19d6389","AWS_REGION":"auto","AWS_BUCKET_NAME":"united-tattoo","AWS_ENDPOINT_URL":"https://5cee6a21cea282a9c89d5297964402e7.r2.cloudflarestorage.com/united-tattoo","NODE_ENV":"development"};
export const test = {};