prisma/schema.prisma

@@ -1058,14 +1058,15 @@ model EventTransaksi {
 }
 
 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
+  id           String   @id @default(cuid())
+  isActive     Boolean  @default(true)
+  createdAt    DateTime @default(now())
+  updatedAt    DateTime @updatedAt
+  name         String?
+  fileName     String?
+  fileExt      String?
+  fileId       String
+  jenisKelamin String?
 
   MasterEmotions MasterEmotions[] @relation("StikerEmotions")
 }

src/app_modules/_global/lib/master_jenis_kelamin.tsx

@@ -0,0 +1,4 @@
+export const masterJenisKelamin = [
+  { value: "Laki-laki", label: "Laki-laki" },
+  { value: "Perempuan", label: "Perempuan" },
+];

src/app_modules/forum/component/detail_component/comp_V3_create.comment.tsx

@@ -21,7 +21,6 @@ import {
 } from "@mantine/core";
 import { useDisclosure, useShallowEffect } from "@mantine/hooks";
 import { IconX } from "@tabler/icons-react";
-import dynamic from "next/dynamic";
 import React, { useState } from "react";
 import { forum_funCreateKomentar } from "../../fun/create/fun_create_komentar";
 import {
@@ -30,24 +29,6 @@ import {
 } from "../../model/interface";
 import { ISticker } from "@/app_modules/_global/lib/interface/stiker";
 
-const ReactQuill = dynamic(
-  async () => {
-    const { default: RQ } = await import("react-quill");
-    // Tidak perlu import CSS dengan import statement
-    return function comp({ forwardedRef, ...props }: any) {
-      return <RQ ref={forwardedRef} {...props} />;
-    };
-  },
-  {
-    ssr: false,
-    loading: () => (
-      <Text fs={"italic"} c={"gray.8"} fz={12}>
-        Ketik pesan di sini atau tambahkan stiker...
-      </Text>
-    ),
-  }
-);
-
 export default function Forum_V3_CreateKomentar({
   postingId,
   data,

src/app_modules/katalog/profile/create/view.tsx

@@ -9,6 +9,7 @@ import { emailRegex } from "../../component/regular_expressions";
 import { Profile_ComponentCreateNewProfile } from "../_component";
 import Profile_ViewUploadBackground from "./view_upload_background";
 import Profile_ViewUploadFoto from "./view_upload_foto";
+import { masterJenisKelamin } from "@/app_modules/_global/lib/master_jenis_kelamin";
 
 export default function CreateProfile() {
   const [filePP, setFilePP] = useState<File | null>(null);
@@ -111,10 +112,7 @@ export default function CreateProfile() {
             withAsterisk
             label="Jenis Kelamin"
             placeholder="Pilih satu"
-            data={[
-              { value: "Laki-laki", label: "Laki-laki" },
-              { value: "Perempuan", label: "Perempuan" },
-            ]}
+            data={masterJenisKelamin}
             onChange={(val) => {
               setValue({
                 ...value,

src/app_modules/katalog/profile/edit/view.tsx

@@ -18,6 +18,7 @@ import {
   apiUpdateProfile,
 } from "../lib/api_fetch_profile";
 import { MODEL_PROFILE } from "../model/interface";
+import { masterJenisKelamin } from "@/app_modules/_global/lib/master_jenis_kelamin";
 
 export default function EditProfile() {
   const router = useRouter();
@@ -211,10 +212,7 @@ export default function EditProfile() {
           withAsterisk
           label="Jenis Kelamin"
           value={data?.jenisKelamin}
-          data={[
-            { value: "Laki-laki", label: "Laki-laki" },
-            { value: "Perempuan", label: "Perempuan" },
-          ]}
+          data={masterJenisKelamin}
           onChange={(val: any) => {
             setData({
               ...data,