"use client"
import { Header } from "@/app/component/header";
import { useEffect, useState } from "react";
import { ProdukCard } from '@/app/library/card2';
import { JoinDate } from '@/app/library/joinDate';
import ShareButton from "@/app/component/produk/sharebutton";
import { usePathname } from "next/navigation";
import { LoaderJo } from "@/app/component/loader";
export default function Profile({params}) {
let [slug] = params.name;
const pathname = usePathname();
const [nama, setNama] = useState(null);
const [about, setAbout] = useState(null);
const [avatar, setAvatar] = useState(null);
const [dataListing, setDataListing] = useState([]);
const [showHome, setShowHome] = useState(null);
const [join, setJoin] = useState(new Date().toString());
const [card, addCard] = useState([]);
//let join = new Date().toString();
let src = ""
useEffect(() => {
fetch('/api/user?uniqid=' + slug)
.then((res) => {
return res.json()
})
.then((res) => {
let [data] = res.message;
setNama(data.fullname);
setAbout(data.about);
setAvatar(data.avatar);
setJoin(data.tgldaftar);
})
if (localStorage.getItem('produkstart') != undefined) {
setDataListing(JSON.parse(localStorage.getItem('produkstart')));
}
(async function () {
let data = await fetch('/pages/api/produk?limit=21&start=0&uid_user=' + slug +`&approval=1`);
data = await data.json();
localStorage.setItem('produkstart', JSON.stringify(data));
setDataListing(data.message);
})()
if (dataListing != undefined) {
setShowHome(true)
}
}, [setDataListing, setShowHome])
return (<>
{!showHome && !nama ?