145 lines
4.0 KiB
TypeScript
145 lines
4.0 KiB
TypeScript
/* eslint-disable react-hooks/exhaustive-deps */
|
|
import {
|
|
AvatarComp,
|
|
ButtonCustom,
|
|
CenterCustom,
|
|
DrawerCustom,
|
|
FloatingButton,
|
|
Grid,
|
|
LoaderCustom,
|
|
StackCustom,
|
|
TextCustom,
|
|
ViewWrapper,
|
|
} from "@/components";
|
|
import { useAuth } from "@/hooks/use-auth";
|
|
import Forum_BoxDetailSection from "@/screens/Forum/DiscussionBoxSection";
|
|
import Forum_MenuDrawerBerandaSection from "@/screens/Forum/MenuDrawerSection.tsx/MenuBeranda";
|
|
import { apiForumGetAll } from "@/service/api-client/api-forum";
|
|
import { apiUser } from "@/service/api-client/api-user";
|
|
import { router, useFocusEffect, useLocalSearchParams } from "expo-router";
|
|
import _ from "lodash";
|
|
import { useCallback, useState } from "react";
|
|
|
|
export default function View_Forumku() {
|
|
const { id } = useLocalSearchParams();
|
|
const { user } = useAuth();
|
|
const [openDrawer, setOpenDrawer] = useState(false);
|
|
const [status, setStatus] = useState("");
|
|
const [listData, setListData] = useState<any | null>(null);
|
|
const [dataUser, setDataUser] = useState<any | null>(null);
|
|
const [loadingGetList, setLoadingGetList] = useState(false);
|
|
|
|
useFocusEffect(
|
|
useCallback(() => {
|
|
onLoadData();
|
|
onLoadDataProfile(id as string);
|
|
}, [id])
|
|
);
|
|
|
|
const onLoadDataProfile = async (id: string) => {
|
|
try {
|
|
const response = await apiUser(id);
|
|
|
|
setDataUser(response.data);
|
|
} catch (error) {
|
|
console.log("[ERROR]", error);
|
|
} finally {
|
|
}
|
|
};
|
|
|
|
const onLoadData = async () => {
|
|
try {
|
|
setLoadingGetList(true);
|
|
const response = await apiForumGetAll({
|
|
search: "",
|
|
authorId: id as string,
|
|
category: "forumku",
|
|
});
|
|
|
|
setListData(response.data);
|
|
} catch (error) {
|
|
console.log("[ERROR]", error);
|
|
} finally {
|
|
setLoadingGetList(false);
|
|
}
|
|
};
|
|
|
|
return (
|
|
<>
|
|
<ViewWrapper
|
|
floatingButton={
|
|
user?.id === id && (
|
|
<FloatingButton
|
|
onPress={() =>
|
|
router.navigate("/(application)/(user)/forum/create")
|
|
}
|
|
/>
|
|
)
|
|
}
|
|
>
|
|
<StackCustom>
|
|
<CenterCustom>
|
|
<AvatarComp
|
|
fileId={dataUser?.Profile?.imageId}
|
|
href={`/(application)/(image)/preview-image/${dataUser?.Profile?.imageId}`}
|
|
size="xl"
|
|
/>
|
|
</CenterCustom>
|
|
|
|
<Grid>
|
|
<Grid.Col span={6}>
|
|
<TextCustom bold truncate>
|
|
@{dataUser?.username || "-"}
|
|
</TextCustom>
|
|
<TextCustom>{listData?.length || "0"} postingan</TextCustom>
|
|
</Grid.Col>
|
|
<Grid.Col span={6} style={{ alignItems: "flex-end" }}>
|
|
<ButtonCustom href={`/profile/${dataUser?.Profile?.id}`}>
|
|
Kunjungi Profile
|
|
</ButtonCustom>
|
|
</Grid.Col>
|
|
</Grid>
|
|
{loadingGetList ? (
|
|
<LoaderCustom />
|
|
) : _.isEmpty(listData) ? (
|
|
<TextCustom> Tidak ada diskusi</TextCustom>
|
|
) : (
|
|
<>
|
|
{listData?.map((item: any, index: number) => (
|
|
<Forum_BoxDetailSection
|
|
isRightComponent={false}
|
|
key={index}
|
|
data={item}
|
|
isTruncate={true}
|
|
href={`/forum/${item.id}`}
|
|
onSetData={(value) => {
|
|
setOpenDrawer(value.setOpenDrawer);
|
|
setStatus(value.setStatus);
|
|
}}
|
|
/>
|
|
))}
|
|
</>
|
|
)}
|
|
</StackCustom>
|
|
</ViewWrapper>
|
|
|
|
{/* Drawer Komponen Eksternal */}
|
|
<DrawerCustom
|
|
height={"auto"}
|
|
isVisible={openDrawer}
|
|
closeDrawer={() => setOpenDrawer(false)}
|
|
>
|
|
<Forum_MenuDrawerBerandaSection
|
|
id={id as string}
|
|
status={status}
|
|
setIsDrawerOpen={() => {
|
|
setOpenDrawer(false);
|
|
}}
|
|
authorId={id as string}
|
|
authorUsername={dataUser?.username}
|
|
/>
|
|
</DrawerCustom>
|
|
</>
|
|
);
|
|
}
|