[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8},"actionData","errors","root",{"_26":27,"_28":29,"_30":12,"_31":12,"_32":12,"_33":12,"_34":12,"_35":12,"_36":37},"routes/canvas.shared.$sharedTextdocId",{"_9":10,"_11":12},"sharedTextdoc",{"_13":14,"_15":-7,"_16":17,"_18":19,"_20":21,"_22":23,"_24":12,"_25":12},"isAuthenticated",false,"sharedTextdocId","6853964494388191b15c562e592598ec","versionInt","title","Cek Jenis Kulit React","type","code/react","content","import { useState } from \"react\";\nimport { Card, CardContent } from \"@/components/ui/card\";\nimport { Button } from \"@/components/ui/button\";\nimport { Input } from \"@/components/ui/input\";\nimport { Textarea } from \"@/components/ui/textarea\";\n\nexport default function CekJenisKulit() {\n const [answers, setAnswers] = useState({ q1: \"\", q2: \"\", q3: \"\" });\n const [image, setImage] = useState(null);\n const [result, setResult] = useState(\"\");\n\n const handleChange = (e) => {\n setAnswers({ ...answers, [e.target.name]: e.target.value });\n };\n\n const handleImageUpload = (e) => {\n setImage(URL.createObjectURL(e.target.files[0]));\n };\n\n const diagnose = () => {\n const { q1, q2, q3 } = answers;\n let res = \"\";\n if (!q1 || !q2 || !q3) {\n res = \"Silakan lengkapi semua pertanyaan terlebih dahulu.\";\n } else if (q1 === \"berminyak\") {\n res = \"Kulit kamu cenderung berminyak. Gunakan produk dengan bahan aktif seperti Niacinamide dan hindari pelembap berat.\";\n } else if (q1 === \"kering\") {\n res = \"Kulit kamu cenderung kering. Gunakan pelembap intensif dan hindari pembersih berbahan keras.\";\n } else if (q1 === \"kombinasi\") {\n res = \"Kulit kamu kombinasi. Gunakan toner lembut dan pelembap ringan.\";\n } else {\n res = \"Kulit kamu normal. Tetap jaga dengan skincare dasar harian.\";\n }\n\n if (q3 === \"ya\") {\n res += \"\\nKulitmu juga cukup sensitif, hindari alkohol dan parfum dalam produk skincare.\";\n }\n\n setResult(res);\n };\n\n return (\n

\n Cek Jenis Kulit Kamu\n

\n \n \n

\n 1. Saat bangun tidur, kulitmu terasa?\n \n \n \n \n \n \n \n

\n 2. Seberapa sering kamu mengalami jerawat?\n \n \n \n \n \n \n

\n 3. Apakah kulitmu mudah iritasi atau kemerahan?\n \n \n \n \n \n

\n Upload Foto Wajah (opsional)\n \n {image && (\n \n )}\n

\n \n {result && (\n

\n {result}\n

\n )}\n \n \n

\n );\n}\n","access","public","isModerationBlocked","isAnonifyApiKeyDetected","dd",{"_38":39,"_40":41},"disablePrefetch",true,"shouldPrefetchAccount","shouldPrefetchUser","shouldPrefetchSystemHints","promoteCss","disableSSR","stripModulepreloadImports","statsigGateEvaluationsPromise",["P",37],"traceId","7402161156274083644","traceTime",1778732078146]