{posts.map((post) => (
);
+};
+
+export function ClassificationFeedForIndividualPlanet(planetId) {
+ const supabase: SupabaseClient = useSupabaseClient();
+ const session = useSession();
+
+ const [posts, setPosts] = useState([]);
+ // const [profile, setProfile] = useState(null);
+ const [planetPosts, setPlanetPosts] = useState([]);
+
+ useEffect(() => {
+ fetchPosts();
+ }, []);
+
+ useEffect(() => {
+ if (planetPosts.length > 0) {
+ console.log("Comments: ", planetPosts.flatMap((post) => post.comments));
+ }
+ }, []);
+
+ async function fetchPosts() {
+ try {
+ const postsResponse = await supabase
+ .from("classifications")
+ // .select("id, content, created_at, author, anomaly, basePlanets, profiles(id, avatar_url, full_name, username)")
+ .select("id, created_at, content, anomaly, media, profiles(id, avatar_url, full_name, username)")
+ .eq('anomaly', planetId.planetId.id)
+ .order('created_at', { ascending: false });
+
+ if (postsResponse.error || !postsResponse.data) {
+ console.error("Error fetching posts:", postsResponse.error);
+ return;
+ }
+
+ const postIds = postsResponse.data.map((post) => post.id);
+
+ const commentsResponse = await supabase
+ .from("comments")
+ .select("id, content, created_at, profiles(id, avatar_url, username), post_id")
+ .in("post_id", postIds)
+ .order("created_at", { ascending: true });
+
+ const commentsByPostId = commentsResponse.data.reduce((acc, comment) => {
+ const postId = comment.post_id;
+ if (!acc[postId]) {
+ acc[postId] = [];
+ }
+ acc[postId].push(comment);
+ return acc;
+ }, {});
+
+ const postsWithComments = postsResponse.data.map((post) => ({
+ ...post,
+ comments: commentsByPostId[post.id] || [],
+ }));
+
+ setPosts(postsWithComments);
+ // console.log(posts);
+ } catch (error) {
+ console.error("Error fetching posts:", error.message);
+ }
+ }
+
+ return (
+
+ {posts.map((post) => (
+ <>
+
+ );
+};
+
+export function ClassificationFeedForIndividualPlanetDuplicates(planetId) {
+ const supabase: SupabaseClient = useSupabaseClient();
+ const session = useSession();
+
+ const [posts, setPosts] = useState([]);
+ // const [profile, setProfile] = useState(null);
+ const [planetPosts, setPlanetPosts] = useState([]);
+
+ useEffect(() => {
+ fetchPosts();
+ }, []);
+
+ useEffect(() => {
+ if (planetPosts.length > 0) {
+ console.log("Comments: ", planetPosts.flatMap((post) => post.comments));
+ }
+ }, []);
+
+ async function fetchPosts() {
+ try {
+ const postsResponse = await supabase
+ .from("posts_duplicates")
+ .select(
+ "id, anomaly, content, created_at, planets2, planetsss(id, temperature), profiles(id, avatar_url, full_name, username)"
+ )
+ // .eq('anomaly', planetId) // 'planets2', planetId
+ .order('created_at', { ascending: false });
+
+ if (postsResponse.error || !postsResponse.data) {
+ console.error("Error fetching posts:", postsResponse.error);
+ return;
+ }
+
+ const postIds = postsResponse.data.map((post) => post.id);
+
+ const commentsResponse = await supabase
+ .from("comments")
+ .select("id, content, created_at, profiles(id, avatar_url, username), post_id")
+ .in("post_id", postIds)
+ .order("created_at", { ascending: true });
+
+ const commentsByPostId = commentsResponse.data.reduce((acc, comment) => {
+ const postId = comment.post_id;
+ if (!acc[postId]) {
+ acc[postId] = [];
+ }
+ acc[postId].push(comment);
+ return acc;
+ }, {});
+
+ const postsWithComments = postsResponse.data.map((post) => ({
+ ...post,
+ comments: commentsByPostId[post.id] || [],
+ }));
+
+ setPosts(postsWithComments);
+ console.log(posts);
+ } catch (error) {
+ console.error("Error fetching posts:", error.message);
+ }
+ }
+
+ return (
+ {post.planetId}
+ + ))} +
+ {posts.map((post) => (
+ <>
+
+ );
};
\ No newline at end of file
diff --git a/components/Content/Classify/AnomalyPostFormCard.tsx b/components/Content/Classify/AnomalyPostFormCard.tsx
new file mode 100644
index 00000000..493359b2
--- /dev/null
+++ b/components/Content/Classify/AnomalyPostFormCard.tsx
@@ -0,0 +1,202 @@
+import { useSession, useSupabaseClient } from "@supabase/auth-helpers-react";
+import { useRouter } from "next/router";
+import { useEffect, useState } from "react";
+import { ClimbingBoxLoader } from "react-spinners";
+
+export default function PostFormCardAnomalyTag({ onPost, planetId }) {
+ const supabase = useSupabaseClient();
+ const session = useSession();
+
+ const [content, setContent] = useState('');
+ const profile = session?.user?.id;
+ const [avatar_url, setAvatarUrl] = useState(null);
+ const [uploads, setUploads] = useState([]);
+ const [isUploading, setIsUploading] = useState(false);
+ /* const [userExperience, setUserExperience] = useState();
+ const [hasRequiredItem, setHasRequiredItem] = useState(false); */
+
+ const router = useRouter();
+ const anomalytId = router.query.id;
+
+ // Check if user has items to make post -> not required functionality yet
+
+ // Create the publication
+ async function createPost() {
+ // Will add an identifier to determine the number of posts mentioning the planet, as that will affect the classification rating
+
+ supabase
+ .from("classifications")
+ .insert({
+ author: profile,
+ content,
+ media: uploads,
+ // planets2: planetId,
+ anomaly: planetId, // Set this to multiple anomaly types/foreign key options
+ }).then(response => {
+ if (!response.error) {
+ alert(`Post ${content} created`);
+ setContent('');
+ // setUploads([]);
+ if ( onPost ) {
+ onPost();
+ }
+ }
+ });
+
+ // .then (update user experience/currency)
+ }
+
+ /* Get user avatar & other data
+ useEffect(() => {
+ supabase
+ .from('profiles')
+ .select(`avatatar_url`)
+ .eq("id", profile)
+ .then((result) => {
+ setAvatarUrl(result?.data[0]?.avatatar_url);
+ });
+ }, [session]); */
+
+ // Function to add media to the publication
+ async function addMedia ( e ) {
+ const files = e.target.files;
+ if (files.length > 0) {
+ setIsUploading(true);
+ for (const file of files) {
+ const fileName = Date.now() + session?.user?.id + file.name;
+ const result = await supabase.storage
+ .from('media')
+ .upload(fileName, file);
+
+ if (result.data) {
+ const url = process.env.NEXT_PUBLIC_SUPABASE_URL + '/storage/v1/object/public/media/' + result.data.path;
+ setUploads(prevUploads => [...prevUploads, url]);
+ } else {
+ console.log(result);
+ }
+ }
+ setIsUploading(false);
+ };
+ };
+
+ // Frontend output
+ return (
+ {post.planetId}
+ + ))} +
+
+ {/*
+ 
+
*/}
+