mobile-darmasaba/components/division/discussionDivisionDetail.tsx

import Styles from "@/constants/Styles";
import { apiGetDivisionOneFeature } from "@/lib/api";
import { useAuthSession } from "@/providers/AuthProvider";
import { router, useLocalSearchParams } from "expo-router";
import { useEffect, useState } from "react";
import { Text, View } from "react-native";
import DiscussionItem from "../discussionItem";

type Props = {
  id: string;
  title: string;
  desc: string;
  user: string;
  date: string;
};

export default function DiscussionDivisionDetail() {
  const { token, decryptToken } = useAuthSession();
  const { id } = useLocalSearchParams<{ id: string }>();
  const [data, setData] = useState<Props[]>([]);

  async function handleLoad() {
    try {
      const hasil = await decryptToken(String(token?.current));
      const response = await apiGetDivisionOneFeature({
        user: hasil,
        id,
        cat: "new-discussion",
      });
      setData(response.data);
    } catch (error) {
      console.error(error);
    }
  }

  useEffect(() => {
    handleLoad();
  }, []);
  return (
    <View style={[Styles.mb15]}>
      <Text style={[Styles.textDefaultSemiBold, Styles.mv10]}>Diskusi</Text>
      <View style={[Styles.wrapPaper]}>
        {data.length > 0 ? (
          data.map((item, index) => (
            <DiscussionItem
              key={index}
              title={item.desc}
              user={item.user}
              date={item.date}
              onPress={() => {
                router.push(`/division/${id}/discussion/${item.id}`);
              }}
            />
          ))
        ) : (
          <Text
            style={[Styles.textDefault, Styles.cGray, { textAlign: "center" }]}
          >
            Tidak ada diskusi
          </Text>
        )}
      </View>
    </View>
  );
}