diff --git a/prisma/migrations/20250514090639_add_unique_to_master_emotions/migration.sql b/prisma/migrations/20250514090639_add_unique_to_master_emotions/migration.sql new file mode 100644 index 00000000..7a576b49 --- /dev/null +++ b/prisma/migrations/20250514090639_add_unique_to_master_emotions/migration.sql @@ -0,0 +1,125 @@ +-- AlterTable +ALTER TABLE "MasterBidangBisnis" ADD COLUMN "slug" TEXT NOT NULL DEFAULT 'NULL'; + +-- CreateTable +CREATE TABLE "Portofolio_BidangDanSubBidangBisnis" ( + "id" TEXT NOT NULL, + "isActive" BOOLEAN NOT NULL DEFAULT true, + "createdAt" TIMESTAMP(3) NOT NULL DEFAULT CURRENT_TIMESTAMP, + "updatedAt" TIMESTAMP(3) NOT NULL, + "portofolioId" TEXT, + "masterBidangBisnisId" TEXT, + "masterSubBidangBisnisId" TEXT, + + CONSTRAINT "Portofolio_BidangDanSubBidangBisnis_pkey" PRIMARY KEY ("id") +); + +-- CreateTable +CREATE TABLE "MasterSubBidangBisnis" ( + "id" TEXT NOT NULL, + "name" TEXT NOT NULL, + "slug" TEXT NOT NULL DEFAULT 'NULL', + "isActive" BOOLEAN NOT NULL DEFAULT true, + "createdAt" TIMESTAMP(3) NOT NULL DEFAULT CURRENT_TIMESTAMP, + "updatedAt" TIMESTAMP(3) NOT NULL DEFAULT CURRENT_TIMESTAMP, + "masterBidangBisnisId" TEXT, + + CONSTRAINT "MasterSubBidangBisnis_pkey" PRIMARY KEY ("id") +); + +-- CreateTable +CREATE TABLE "MasterStatusTransaksi" ( + "id" TEXT NOT NULL, + "name" TEXT NOT NULL, + "isActive" BOOLEAN NOT NULL DEFAULT true, + "createdAt" TIMESTAMP(3) NOT NULL DEFAULT CURRENT_TIMESTAMP, + "updatedAt" TIMESTAMP(3) NOT NULL, + + CONSTRAINT "MasterStatusTransaksi_pkey" PRIMARY KEY ("id") +); + +-- CreateTable +CREATE TABLE "MasterEmotions" ( + "id" SERIAL NOT NULL, + "label" TEXT NOT NULL, + "value" TEXT NOT NULL, + "isActive" BOOLEAN NOT NULL DEFAULT true, + "createdAt" TIMESTAMP(3) NOT NULL DEFAULT CURRENT_TIMESTAMP, + "updatedAt" TIMESTAMP(3) NOT NULL, + + CONSTRAINT "MasterEmotions_pkey" PRIMARY KEY ("id") +); + +-- CreateTable +CREATE TABLE "EventSponsor" ( + "id" TEXT NOT NULL, + "isActive" BOOLEAN NOT NULL DEFAULT true, + "createdAt" TIMESTAMP(3) NOT NULL DEFAULT CURRENT_TIMESTAMP, + "updatedAt" TIMESTAMP(3) NOT NULL, + "name" TEXT NOT NULL, + "isTransfer" BOOLEAN DEFAULT false, + "fileName" TEXT NOT NULL, + "fileExt" TEXT, + "fileId" TEXT NOT NULL, + "authorId" TEXT, + "eventId" TEXT, + + CONSTRAINT "EventSponsor_pkey" PRIMARY KEY ("id") +); + +-- CreateTable +CREATE TABLE "EventTransaksi" ( + "id" TEXT NOT NULL, + "isActive" BOOLEAN NOT NULL DEFAULT true, + "createdAt" TIMESTAMP(3) NOT NULL DEFAULT CURRENT_TIMESTAMP, + "updatedAt" TIMESTAMP(3) NOT NULL, + "nominal" INTEGER NOT NULL, + "status" TEXT NOT NULL, + "transferImageId" TEXT, + "masterBankId" TEXT, + "authorId" TEXT, + "eventId" TEXT, + "eventSponsorId" TEXT, + "masterStatusTransaksiId" TEXT, + + CONSTRAINT "EventTransaksi_pkey" PRIMARY KEY ("id") +); + +-- CreateIndex +CREATE UNIQUE INDEX "MasterEmotions_value_key" ON "MasterEmotions"("value"); + +-- CreateIndex +CREATE UNIQUE INDEX "EventTransaksi_eventSponsorId_key" ON "EventTransaksi"("eventSponsorId"); + +-- AddForeignKey +ALTER TABLE "Portofolio_BidangDanSubBidangBisnis" ADD CONSTRAINT "Portofolio_BidangDanSubBidangBisnis_portofolioId_fkey" FOREIGN KEY ("portofolioId") REFERENCES "Portofolio"("id") ON DELETE SET NULL ON UPDATE CASCADE; + +-- AddForeignKey +ALTER TABLE "Portofolio_BidangDanSubBidangBisnis" ADD CONSTRAINT "Portofolio_BidangDanSubBidangBisnis_masterBidangBisnisId_fkey" FOREIGN KEY ("masterBidangBisnisId") REFERENCES "MasterBidangBisnis"("id") ON DELETE SET NULL ON UPDATE CASCADE; + +-- AddForeignKey +ALTER TABLE "Portofolio_BidangDanSubBidangBisnis" ADD CONSTRAINT "Portofolio_BidangDanSubBidangBisnis_masterSubBidangBisnisI_fkey" FOREIGN KEY ("masterSubBidangBisnisId") REFERENCES "MasterSubBidangBisnis"("id") ON DELETE SET NULL ON UPDATE CASCADE; + +-- AddForeignKey +ALTER TABLE "MasterSubBidangBisnis" ADD CONSTRAINT "MasterSubBidangBisnis_masterBidangBisnisId_fkey" FOREIGN KEY ("masterBidangBisnisId") REFERENCES "MasterBidangBisnis"("id") ON DELETE SET NULL ON UPDATE CASCADE; + +-- AddForeignKey +ALTER TABLE "EventSponsor" ADD CONSTRAINT "EventSponsor_authorId_fkey" FOREIGN KEY ("authorId") REFERENCES "User"("id") ON DELETE SET NULL ON UPDATE CASCADE; + +-- AddForeignKey +ALTER TABLE "EventSponsor" ADD CONSTRAINT "EventSponsor_eventId_fkey" FOREIGN KEY ("eventId") REFERENCES "Event"("id") ON DELETE SET NULL ON UPDATE CASCADE; + +-- AddForeignKey +ALTER TABLE "EventTransaksi" ADD CONSTRAINT "EventTransaksi_masterBankId_fkey" FOREIGN KEY ("masterBankId") REFERENCES "MasterBank"("id") ON DELETE SET NULL ON UPDATE CASCADE; + +-- AddForeignKey +ALTER TABLE "EventTransaksi" ADD CONSTRAINT "EventTransaksi_authorId_fkey" FOREIGN KEY ("authorId") REFERENCES "User"("id") ON DELETE SET NULL ON UPDATE CASCADE; + +-- AddForeignKey +ALTER TABLE "EventTransaksi" ADD CONSTRAINT "EventTransaksi_eventId_fkey" FOREIGN KEY ("eventId") REFERENCES "Event"("id") ON DELETE SET NULL ON UPDATE CASCADE; + +-- AddForeignKey +ALTER TABLE "EventTransaksi" ADD CONSTRAINT "EventTransaksi_eventSponsorId_fkey" FOREIGN KEY ("eventSponsorId") REFERENCES "EventSponsor"("id") ON DELETE SET NULL ON UPDATE CASCADE; + +-- AddForeignKey +ALTER TABLE "EventTransaksi" ADD CONSTRAINT "EventTransaksi_masterStatusTransaksiId_fkey" FOREIGN KEY ("masterStatusTransaksiId") REFERENCES "MasterStatusTransaksi"("id") ON DELETE SET NULL ON UPDATE CASCADE; diff --git a/prisma/migrations/20250515060811_relasi/migration.sql b/prisma/migrations/20250515060811_relasi/migration.sql new file mode 100644 index 00000000..7099dfb1 --- /dev/null +++ b/prisma/migrations/20250515060811_relasi/migration.sql @@ -0,0 +1,30 @@ +-- CreateTable +CREATE TABLE "Stiker" ( + "id" TEXT NOT NULL, + "isActive" BOOLEAN NOT NULL DEFAULT true, + "createdAt" TIMESTAMP(3) NOT NULL DEFAULT CURRENT_TIMESTAMP, + "updatedAt" TIMESTAMP(3) NOT NULL, + "name" TEXT, + "fileName" TEXT, + "fileExt" TEXT, + "fileId" TEXT NOT NULL, + + CONSTRAINT "Stiker_pkey" PRIMARY KEY ("id") +); + +-- CreateTable +CREATE TABLE "_StikerEmotions" ( + "A" INTEGER NOT NULL, + "B" TEXT NOT NULL, + + CONSTRAINT "_StikerEmotions_AB_pkey" PRIMARY KEY ("A","B") +); + +-- CreateIndex +CREATE INDEX "_StikerEmotions_B_index" ON "_StikerEmotions"("B"); + +-- AddForeignKey +ALTER TABLE "_StikerEmotions" ADD CONSTRAINT "_StikerEmotions_A_fkey" FOREIGN KEY ("A") REFERENCES "MasterEmotions"("id") ON DELETE CASCADE ON UPDATE CASCADE; + +-- AddForeignKey +ALTER TABLE "_StikerEmotions" ADD CONSTRAINT "_StikerEmotions_B_fkey" FOREIGN KEY ("B") REFERENCES "Stiker"("id") ON DELETE CASCADE ON UPDATE CASCADE; diff --git a/prisma/migrations/20250515062136_ganti/migration.sql b/prisma/migrations/20250515062136_ganti/migration.sql new file mode 100644 index 00000000..caf9b319 --- /dev/null +++ b/prisma/migrations/20250515062136_ganti/migration.sql @@ -0,0 +1,28 @@ +/* + Warnings: + + - You are about to drop the `Stiker` table. If the table is not empty, all the data it contains will be lost. + +*/ +-- DropForeignKey +ALTER TABLE "_StikerEmotions" DROP CONSTRAINT "_StikerEmotions_B_fkey"; + +-- DropTable +DROP TABLE "Stiker"; + +-- CreateTable +CREATE TABLE "Sticker" ( + "id" TEXT NOT NULL, + "isActive" BOOLEAN NOT NULL DEFAULT true, + "createdAt" TIMESTAMP(3) NOT NULL DEFAULT CURRENT_TIMESTAMP, + "updatedAt" TIMESTAMP(3) NOT NULL, + "name" TEXT, + "fileName" TEXT, + "fileExt" TEXT, + "fileId" TEXT NOT NULL, + + CONSTRAINT "Sticker_pkey" PRIMARY KEY ("id") +); + +-- AddForeignKey +ALTER TABLE "_StikerEmotions" ADD CONSTRAINT "_StikerEmotions_B_fkey" FOREIGN KEY ("B") REFERENCES "Sticker"("id") ON DELETE CASCADE ON UPDATE CASCADE; diff --git a/prisma/migrations/migration_lock.toml b/prisma/migrations/migration_lock.toml index fbffa92c..648c57fd 100644 --- a/prisma/migrations/migration_lock.toml +++ b/prisma/migrations/migration_lock.toml @@ -1,3 +1,3 @@ # Please do not edit this file manually -# It should be added in your version-control system (i.e. Git) +# It should be added in your version-control system (e.g., Git) provider = "postgresql" \ No newline at end of file diff --git a/prisma/schema.prisma b/prisma/schema.prisma index efd39495..f130114c 100644 --- a/prisma/schema.prisma +++ b/prisma/schema.prisma @@ -152,8 +152,6 @@ model Portofolio_MediaSosial { portofolioId String? @unique } -// ------------------- MASTER -------------------------- // - model Portofolio_BidangDanSubBidangBisnis { id String @id @default(cuid()) isActive Boolean @default(true) @@ -168,6 +166,8 @@ model Portofolio_BidangDanSubBidangBisnis { masterSubBidangBisnisId String? } +// ------------------- MASTER -------------------------- // + model MasterBidangBisnis { id String @id @default(uuid()) name String @@ -222,6 +222,16 @@ model MasterStatusTransaksi { EventTransaksi EventTransaksi[] } +model MasterEmotions { + id Int @id @default(autoincrement()) + label String + value String @unique + isActive Boolean @default(true) + createdAt DateTime @default(now()) + updatedAt DateTime @updatedAt + Sticker Sticker[] @relation("StikerEmotions") +} + // -------------------- INVESTASI --------------------- // // Table investasi / saham model Investasi { @@ -1046,3 +1056,16 @@ model EventTransaksi { MasterStatusTransaksi MasterStatusTransaksi? @relation(fields: [masterStatusTransaksiId], references: [id]) masterStatusTransaksiId String? } + +model Sticker { + id String @id @default(cuid()) + isActive Boolean @default(true) + createdAt DateTime @default(now()) + updatedAt DateTime @updatedAt + name String? + fileName String? + fileExt String? + fileId String + + MasterEmotions MasterEmotions[] @relation("StikerEmotions") +} diff --git a/src/app/api/master/emotions/route.ts b/src/app/api/master/emotions/route.ts new file mode 100644 index 00000000..ad66425a --- /dev/null +++ b/src/app/api/master/emotions/route.ts @@ -0,0 +1,33 @@ +import { NextResponse } from "next/server"; +import { prisma } from "@/lib"; + +export async function GET(request: Request) { + const method = request.method; + if (method !== "GET") { + return NextResponse.json( + { success: false, message: "Method not allowed" }, + { status: 405 } + ); + } + + try { + const response = await prisma.masterEmotions.findMany({ + orderBy: { + createdAt: "asc", + }, + where: { + isActive: true, + }, + }); + return NextResponse.json( + { success: true, data: response }, + { status: 200 } + ); + } catch (error) { + console.error("Error fetching master emotions:", error); + return NextResponse.json( + { success: false, message: "Failed to fetch master emotions" }, + { status: 500 } + ); + } +} diff --git a/src/app/api/sticker/route.ts b/src/app/api/sticker/route.ts new file mode 100644 index 00000000..655db60e --- /dev/null +++ b/src/app/api/sticker/route.ts @@ -0,0 +1,80 @@ +import { NextResponse } from "next/server"; +import { prisma } from "@/lib"; + +export { POST, GET }; + +interface IPostSticker { + fileId: string; + emotions: string[]; +} + +async function POST(request: Request) { + const method = request.method; + if (method !== "POST") { + return NextResponse.json( + { success: false, message: "Method not allowed" }, + { status: 405 } + ); + } + + try { + const { fileId, emotions } = await request.json(); + + const newStiker = await prisma.sticker.create({ + data: { + fileId, + MasterEmotions: { + connect: emotions.map((value: string) => ({ value })), // id = number[] + }, + }, + }); + + if (!newStiker) { + return NextResponse.json( + { success: false, message: "Gagal membuat stiker" }, + { status: 400 } + ); + } + + return NextResponse.json( + { success: true, message: "Berhasil membuat stiker" }, + { status: 200 } + ); + } catch (error) { + console.error("Error create sticker", error); + return NextResponse.json( + { success: false, message: "Failed to create sticker" }, + { status: 500 } + ); + } +} + + +async function GET(request: Request) { + const method = request.method; + if (method !== "GET") { + return NextResponse.json( + { success: false, message: "Method not allowed" }, + { status: 405 } + ); + } + + try { + const sticker = await prisma.sticker.findMany({ + include: { + MasterEmotions: true, + }, + }); + + return NextResponse.json( + { success: true, message: "Success get data sticker", data: sticker }, + { status: 200 } + ); + } catch (error) { + console.error("Error get data sticker", error); + return NextResponse.json( + { success: false, message: "Error get data sticker" }, + { status: 500 } + ); + } +} diff --git a/src/app_modules/_global/fun/generate_seeder.ts b/src/app_modules/_global/fun/generate_seeder.ts index 4e7e3125..2631ff4f 100644 --- a/src/app_modules/_global/fun/generate_seeder.ts +++ b/src/app_modules/_global/fun/generate_seeder.ts @@ -28,6 +28,7 @@ import { master_nama_bank } from "@/bin/seeder/master"; import { master_status_transaksi } from "@/bin/seeder/master"; import pLimit from "p-limit"; import { master_new_bidang_bisnis } from "@/bin/seeder/master"; +import { master_emotions } from "@/bin/seeder/master"; async function masterUserRole() { for (let i of userRole) { @@ -614,6 +615,20 @@ async function masterStatusTransaksi() { console.log("masterStatusTransaksi success"); } +async function masterEmotions() { + await Promise.all( + master_emotions.map((a) => + prisma.masterEmotions.upsert({ + where: { value: a.value }, + create: { value: a.value, label: a.label }, + update: { value: a.value, label: a.label }, + }) + ) + ); + + console.log("masterEmotions success"); +} + const listSeederQueue = [ masterUserRole, seederUser, @@ -643,6 +658,7 @@ const listSeederQueue = [ masterKategoriApp, masterInvestasiNewTransaksiStatus, masterStatusTransaksi, + masterEmotions, ]; const limit = pLimit(1); diff --git a/src/app_modules/_global/lib/api_fetch_master.ts b/src/app_modules/_global/lib/api_fetch_master.ts index 4c1e5743..260cd24c 100644 --- a/src/app_modules/_global/lib/api_fetch_master.ts +++ b/src/app_modules/_global/lib/api_fetch_master.ts @@ -3,6 +3,7 @@ export { apiGetMasterBidangBisnis, apiGetMasterStatusTransaksi, apiGetAdminContact, + apiGetMasterEmotions, }; const apiGetMasterBank = async () => { @@ -90,3 +91,20 @@ const apiGetAdminContact = async () => { throw error; // Re-throw the error to handle it in the calling function } }; + +const apiGetMasterEmotions = async () => { + const { token } = await fetch("/api/get-cookie").then((res) => res.json()); + if (!token) return await token.json().catch(() => null); + + const response = await fetch(`/api/master/emotions`, { + method: "GET", + headers: { + "Content-Type": "application/json", + Accept: "application/json", + "Access-Control-Allow-Origin": "*", + Authorization: `Bearer ${token}`, + }, + }); + + return await response.json().catch(() => null); +}; diff --git a/src/app_modules/_global/lib/interface/stiker.ts b/src/app_modules/_global/lib/interface/stiker.ts new file mode 100644 index 00000000..ee7756e5 --- /dev/null +++ b/src/app_modules/_global/lib/interface/stiker.ts @@ -0,0 +1,17 @@ +import { Prisma } from "@prisma/client"; + +export type ISticker = Prisma.StickerGetPayload<{ + select: { + id: true; + name: true; + fileId: true; + emotions: true; + }; + include: { + MasterEmotions: { + select: { + value: true; + }; + }; + }; +}>; \ No newline at end of file diff --git a/src/app_modules/admin/app_info/lib/api_fetch_stiker.tsx b/src/app_modules/admin/app_info/lib/api_fetch_stiker.tsx new file mode 100644 index 00000000..48f048c0 --- /dev/null +++ b/src/app_modules/admin/app_info/lib/api_fetch_stiker.tsx @@ -0,0 +1,67 @@ +export const apiAdminCreateSticker = async ({ data }: { data: any }) => { + try { + // Fetch token from cookie + const { token } = await fetch("/api/get-cookie").then((res) => res.json()); + if (!token) { + console.error("No token found"); + return null; + } + + const response = await fetch(`/api/sticker`, { + method: "POST", + headers: { + "Content-Type": "application/json", + Accept: "application/json", + Authorization: `Bearer ${token}`, + }, + body: JSON.stringify(data), + }); + + // Check if the response is OK + if (!response.ok) { + const errorData = await response.json().catch(() => null); + console.error("Failed to create sticker", response.statusText, errorData); + throw new Error(errorData?.message || "Failed to create sticker"); + } + + // Return the JSON response + return await response.json(); + } catch (error) { + console.error("Error create sticker", error); + throw error; // Re-throw the error to handle it in the calling function + } +}; + +export const apiAdminGetSticker = async () => { + try { + // Fetch token from cookie + const { token } = await fetch("/api/get-cookie").then((res) => res.json()); + if (!token) { + console.error("No token found"); + return null; + } + + const response = await fetch(`/api/sticker`, { + method: "GET", + headers: { + "Content-Type": "application/json", + Accept: "application/json", + Authorization: `Bearer ${token}`, + }, + }); + + // Check if the response is OK + if (!response.ok) { + const errorData = await response.json().catch(() => null); + console.error("Failed to get sticker", response.statusText, errorData); + throw new Error(errorData?.message || "Failed to get sticker"); + } + + // Return the JSON response + return await response.json(); + } catch (error) { + console.error("Error get sticker", error); + throw error; // Re-throw the error to handle it in the calling function + } +}; + diff --git a/src/app_modules/admin/app_info/view/view_create_sticker.tsx b/src/app_modules/admin/app_info/view/view_create_sticker.tsx index 4645dbb5..648e1990 100644 --- a/src/app_modules/admin/app_info/view/view_create_sticker.tsx +++ b/src/app_modules/admin/app_info/view/view_create_sticker.tsx @@ -1,21 +1,24 @@ "use client"; import { + AspectRatio, Box, Button, + Center, Chip, Group, Image, Paper, + Select, Stack, TextInput, } from "@mantine/core"; import { ComponentAdminGlobal_TitlePage } from "../../_admin_global/_component"; import { Admin_ComponentBoxStyle } from "../../_admin_global/_component/comp_admin_boxstyle"; import { Admin_V3_ComponentBreakpoint } from "../../_components_v3/comp_simple_grid_breakpoint"; -import { pathAssetImage } from "@/lib"; +import { DIRECTORY_ID, pathAssetImage } from "@/lib"; import Admin_ComponentBackButton from "../../_admin_global/back_button"; -import { IconCheck, IconUpload } from "@tabler/icons-react"; +import { IconCheck, IconPhoto, IconUpload } from "@tabler/icons-react"; import { AdminColor, MainColor, @@ -23,27 +26,129 @@ import { import { baseStylesTextInput } from "@/app_modules/_global/lib/base_style_text_input"; import { useState } from "react"; import Component_V3_Label_TextInput from "@/app_modules/_global/component/new/comp_V3_label_text_input"; +import { + ComponentGlobal_BoxInformation, + ComponentGlobal_BoxUploadImage, + ComponentGlobal_ButtonUploadFileImage, +} from "@/app_modules/_global/component"; +import { useRouter } from "next/navigation"; +import { apiGetMasterEmotions } from "@/app_modules/_global/lib/api_fetch_master"; +import { useShallowEffect } from "@mantine/hooks"; +import CustomSkeleton from "@/app_modules/components/CustomSkeleton"; +import { funGlobal_UploadToStorage } from "@/app_modules/_global/fun"; +import { + ComponentGlobal_NotifikasiBerhasil, + ComponentGlobal_NotifikasiGagal, + ComponentGlobal_NotifikasiPeringatan, +} from "@/app_modules/_global/notif_global"; +import { ComponentAdminGlobal_NotifikasiPeringatan } from "../../_admin_global/admin_notifikasi/notifikasi_peringatan"; +import { apiAdminCreateSticker } from "../lib/api_fetch_stiker"; +interface IData { + name: string; + // jenis_kelamin: "Laki-laki" | "Perempuan" | null; +} export default function AdminAppInformation_ViewCreateSticker() { - const [value, setValue] = useState(["senang"]); + const router = useRouter(); + const [file, setFile] = useState(null); + const [img, setImg] = useState(null); + const [valueEmotion, setValueEmotion] = useState(["senang"]); + const [data, setData] = useState({ + name: "", + // jenis_kelamin: null, + }); - const listEmotion = [ - { value: "senang", label: "Senang" }, - { value: "sedih", label: "Sedih" }, - { value: "marah", label: "Marah" }, - { value: "takut", label: "Takut" }, - { value: "terkejut", label: "Terkejut" }, - { value: "cinta", label: "Cinta" }, - { value: "malas", label: "Malas" }, - { value: "bangga", label: "Bangga" }, - { value: "penasaran", label: "Penasaran" }, - { value: "malu", label: "Malu" }, - { value: "iri", label: "Iri" }, - { value: "kesal", label: "Kesal" }, - { value: "kaget", label: "Kaget" }, - { value: "bingung", label: "Bingung" }, - { value: "lega", label: "Lega" }, - ]; + const [listEmotion, setListEmotion] = useState([]); + const [loading, setLoading] = useState(false); + + useShallowEffect(() => { + onLoadMasterEmotions(); + }, []); + + async function onLoadMasterEmotions() { + try { + const response = await apiGetMasterEmotions(); + + if (response.success) { + setListEmotion(response.data); + } + } catch (error) { + console.error("Error on load master emotions:", error); + } + } + + const validateData = () => { + if (!file) { + ComponentAdminGlobal_NotifikasiPeringatan("File tidak ada"); + return false; + } + + if (valueEmotion.length === 0) { + ComponentAdminGlobal_NotifikasiPeringatan("Pilih emosi"); + return false; + } + + return true; + }; + + async function onUploadFile() { + try { + const response = await funGlobal_UploadToStorage({ + file: file as File, + dirId: DIRECTORY_ID.sticker, + }); + + if (!response.success) { + ComponentGlobal_NotifikasiPeringatan("Gagal upload gambar"); + return; + } + + return response.data.id; + } catch (error) { + console.error("Error on upload file", error); + } + } + + async function handleCreateSticker({ fileId }: { fileId: string }) { + try { + const response = await apiAdminCreateSticker({ + data: { + emotions: valueEmotion, + fileId: fileId, + }, + }); + + if (response.success) { + ComponentGlobal_NotifikasiBerhasil("Berhasil disimpan"); + router.back(); + } else { + setLoading(false); + throw new Error("Failed to create sticker"); + } + } catch (error) { + setLoading(false); + ComponentGlobal_NotifikasiGagal("Gagal disimpan"); + console.error("Error create sticker", error); + } + } + + async function onSubmit() { + if (!validateData()) return; + + try { + setLoading(true); + const uploadFile = await onUploadFile(); + + if (!uploadFile) { + setLoading(false); + return; + } + + await handleCreateSticker({ fileId: uploadFile }); + } catch (error) { + console.error("Error on create sticker", error); + } + } return ( <> @@ -52,61 +157,124 @@ export default function AdminAppInformation_ViewCreateSticker() { - - - - - Preview Stiker - - - - - + {!listEmotion.length ? ( + + ) : ( + - + + {img ? ( + + Foto + + ) : ( + + + + )} + + +
+ +
+ + + + {/* { + setData({ + ...data, + name: val.target.value, + }); + }} + /> */} + + {/*