feat: fix products

aura-nw · Aug 14, 2024 · 759585d · 759585d
1 parent 206b990
commit 759585d
Show file tree

Hide file tree

Showing 7 changed files with 41 additions and 33 deletions.
diff --git a/src/lib/apis/product/create-product.ts b/src/lib/apis/product/create-product.ts
@@ -2,19 +2,19 @@ import { config } from '$lib/public-config';
 
 export interface CreateProductRequest {
 	name: string;
-	category: string;
-	description: string;
+	owner_id: number;
 	avatar_img: string;
 	banner_img: string;
-	metadata: any;
-	owner: { id: number };
-	featured_at: string | null;
-	attributes: { name: string; value: string }[];
+	category: string;
+	description: string;
+	metadata: { previews?: string[]; cta_link?: string };
+	featured?: boolean;
+	attributes?: { name: string; value: string }[];
 	collections?: { chain_id: string; contract_address: string }[];
 }
 
-export async function createProduct(data: CreateProductRequest): Promise<void> {
-	await fetch(`${config.apiEndpoint}/products`, {
+export async function createProduct(data: CreateProductRequest): Promise<Response> {
+	return fetch(`${config.apiEndpoint}/products`, {
 		method: 'POST',
 		body: JSON.stringify(data),
 		headers: {

diff --git a/src/lib/apis/product/get-product.ts b/src/lib/apis/product/get-product.ts
@@ -8,7 +8,7 @@ export interface ProductGetResponseData {
 	banner_img: string;
 	category: string;
 	description: string;
-	created_at: string;
+	created_at?: string;
 	featured_at: string | null;
 	attributes: { id: number; name: string; value: string }[];
 	metadata: any;

diff --git a/src/routes/(sidebar)/crud/products/+page.ts b/src/routes/(sidebar)/crud/products/+page.ts
@@ -7,8 +7,8 @@ import { type ProductGetResponseData } from '$lib/apis/product/get-product';
 export interface ProductPageData {
 	mode?: string;
 	product?: ProductGetResponseData;
-	status: string[];
-	selected_status?: string[];
+	statuses: string[];
+	selected_statuses?: string[];
 	genres: string[];
 	selected_genres?: string[];
 	player_supports: string[];

diff --git a/src/routes/(sidebar)/crud/products/Product.svelte b/src/routes/(sidebar)/crud/products/Product.svelte
@@ -86,7 +86,7 @@
 						<Select
 							class="w-22 me-4"
 							items={PRODUCT_CATEGORIES.map((c) => ({ name: c, value: c }))}
-							selected={data.product?.category}
+							selected={data.product?.category || ''}
 							selectProps={{
 								name: 'category',
 								disabled: isViewMode
@@ -211,8 +211,8 @@
 						name="Status"
 						placeholder="e.g. Ethereum"
 						class="mb-2 me-4 mt-3 w-full"
-						items={data.status}
-						selected={data.selected_status}
+						items={data.statuses}
+						selected={data.selected_statuses}
 						multiSelectProps={{
 							name: 'statuses',
 							allowUserOptions: 'append',
@@ -223,8 +223,8 @@
 						name="Player info"
 						placeholder="e.g. Ethereum"
 						class="mb-2 me-4 mt-3 w-full"
-						items={data.status}
-						selected={data.selected_status}
+						items={data.player_supports}
+						selected={data.selected_player_supports}
 						multiSelectProps={{
 							name: 'players_infos',
 							allowUserOptions: 'append',

diff --git a/src/routes/(sidebar)/crud/products/[id]/+page.ts b/src/routes/(sidebar)/crud/products/[id]/+page.ts
@@ -15,10 +15,10 @@ export async function load(pageLoadEvent): Promise<ProductPageData> {
 	return {
 		mode: pageLoadEvent.url.searchParams.get('mode') as string,
 		product,
-		status: nameToValues['status']?.map((v) => v.value),
-		selected_status: selectedNameToValues['status']?.map((v) => v.value),
-		genres: nameToValues['player support']?.map((v) => v.value),
-		selected_genres: selectedNameToValues['player support']?.map((v) => v.value),
+		statuses: nameToValues['status']?.map((v) => v.value),
+		selected_statuses: selectedNameToValues['status']?.map((v) => v.value),
+		genres: nameToValues['genre']?.map((v) => v.value),
+		selected_genres: selectedNameToValues['genre']?.map((v) => v.value),
 		player_supports: nameToValues['player support']?.map((v) => v.value),
 		selected_player_supports: selectedNameToValues['player support']?.map((v) => v.value),
 		game_modes: nameToValues['game mode']?.map((v) => v.value),

diff --git a/src/routes/(sidebar)/crud/products/create/+page.server.ts b/src/routes/(sidebar)/crud/products/create/+page.server.ts
@@ -1,24 +1,24 @@
 import { createProduct } from '$lib/apis/product/create-product';
+import { fail, redirect } from '@sveltejs/kit';
 
 export const actions = {
-	default: async ({ cookies, request }) => {
+	default: async ({ request }) => {
 		const data = await request.formData();
-		console.log(data);
 
 		const requestData = {
-			banner_img: data.get('banner_img') as string,
-			avatar_img: data.get('avatar_img') as string,
+			banner_img: data.get('banner_img') as string, // TODO upload banner
+			avatar_img: data.get('avatar_img') as string, // TODO upload img
 			name: data.get('name') as string,
-			featured_at: new Date().toISOString(),
+			featured: data.get('featured') === 'true',
 			category: data.get('category') as string,
 			collections: JSON.parse(data.get('collections') as string),
 			description: data.get('about') as string,
-			owner: { id: 1 }, // TODO get users
-			metadata: JSON.stringify({
+			owner_id: 1, // TODO get users
+			metadata: {
 				// previews: data.get("previews"), TODO upload then use url
 				previews: JSON.parse(data.get('previews') as string).map(() => 'http://demmo.jjj'),
-				cta_url: data.get('cta_url')
-			}), // TODO use object instead
+				cta_url: data.get('cta_url') || undefined
+			},
 			attributes: [
 				...JSON.parse(data.get('statuses') as string).map((value: string) => ({
 					name: 'status',
@@ -38,7 +38,15 @@ export const actions = {
 				}))
 			]
 		};
-		console.log(JSON.stringify(requestData));
-		await createProduct(requestData);
+
+		const createResponse = await createProduct(requestData);
+
+		const responseData = await createResponse.json();
+
+		if (createResponse.status === 200) {
+			throw redirect(303, `/crud/products/${responseData.data.id}`);
+		} else {
+			return fail(responseData.statusCode, responseData);
+		}
 	}
 };
diff --git a/src/routes/(sidebar)/crud/products/create/+page.ts b/src/routes/(sidebar)/crud/products/create/+page.ts
@@ -20,8 +20,8 @@ export async function load(): Promise<ProductPageData> {
 			attributes: [],
 			collections: []
 		},
-		status: nameToValues['status']?.map((v) => v.value),
-		genres: nameToValues['player support']?.map((v) => v.value),
+		statuses: nameToValues['status']?.map((v) => v.value),
+		genres: nameToValues['genre']?.map((v) => v.value),
 		player_supports: nameToValues['player support']?.map((v) => v.value),
 		game_modes: nameToValues['game mode']?.map((v) => v.value)
 	};