feat: course news feed (#136)

* style: Improved font size of the answers in the FAQ section of the landing page

* woking on the anouncement page

* working on the anouncement feature

* fixed some bugs in the emoji and comment

* minor cleanup

* Delete .github/workflows/test-pull-request.yml

This commit was stashed but it seems i accidentally applied on this commit

* updated the navicon for the anouncement

* added role level security

* still working on the emoji click

* everything works now

* cleaned up the code

* cleaned up the code

* cleaned up the code

* cleaned up the code

* refined the formatTime function using dayjs

* refined the formatTime function using dayjs

* typed,the code,created a migration file

* increase editor width/height

* added the confirmation modal and also the edit functionality for a improve UX

* some cleanup

* handle edge case,only tutor or admin can edit or delete

* improved the fetchNews function and also added role level access for deleting the comment

* chore: refactor code

* clean up

* feat: add pinned feed

* feat: remove overview on sidebar

* fix formatting of todo

* feat: prevent async block when sending email

* feat: notify teacher and student of new post/comment

* refactoring

---------

Co-authored-by: Rotimi Best <[email protected]>
Co-authored-by: Rotimi Best <[email protected]>
This commit is contained in:
Em_Dev
2024-02-28 03:00:31 +01:00
committed by GitHub
co-authored by Rotimi Best Rotimi Best
parent 474e83c3d9
commit 5cdb74a6b5
39 changed files with 1141 additions and 275 deletions
@@ -0,0 +1,181 @@
import type { Course } from '$lib/utils/types';
import { supabase } from '$lib/utils/functions/supabase';
import type { Reaction, FeedApi } from '$lib/utils/types/feed';
export async function fetchNewsFeeds(courseId?: Course['id']) {
const response = await supabase
.from('course_newsfeed')
.select(
`
id,
created_at,
content,
course_id,
author:groupmember(
profile(
id,
fullname,
avatar_url
)
),
reaction,
is_pinned,
comment:course_newsfeed_comment(
id,
created_at,
author:groupmember( profile(id, fullname, avatar_url) ),
content,
course_newsfeed_id)
`
)
.match({ course_id: courseId })
.order('created_at', { ascending: false })
.returns<FeedApi[]>();
const { data, error } = response;
return { data, error };
}
export async function createNewFeed(post: {
content: string;
author_id: string;
course_id: string;
reaction: Reaction;
}) {
const response = await supabase
.from('course_newsfeed')
.insert({
content: post.content,
author_id: post.author_id,
course_id: post.course_id,
reaction: post.reaction
})
.select();
return { response };
}
export async function handleEditFeed(feedId: string, content: string) {
const response = await supabase
.from('course_newsfeed')
.update({ content: content })
.match({ id: feedId })
.select();
return response;
}
export async function createComment(comment: {
content: string;
author_id: string;
course_newsfeed_id: string;
}) {
const response = await supabase
.from('course_newsfeed_comment')
.insert({
content: comment.content,
author_id: comment.author_id,
course_newsfeed_id: comment.course_newsfeed_id
})
.select();
return { response };
}
export async function toggleFeedIsPinned(feedId: string, isPinned: boolean) {
const response = await supabase
.from('course_newsfeed')
.update({
is_pinned: isPinned
})
.match({ id: feedId });
return { response };
}
export async function deleteNewsFeedComment(commentId: string) {
const response = await supabase.from('course_newsfeed_comment').delete().match({ id: commentId });
return response;
}
export async function deleteNewsFeed(feedId: string) {
await supabase.from('course_newsfeed_comment').delete().match({ course_newsfeed_id: feedId });
const response = await supabase.from('course_newsfeed').delete().match({ id: feedId });
return response;
}
export async function getFeedForNotification(feedId: string, authorId: string) {
const { data, error } = await supabase
.from('course_newsfeed')
.select(
`
content,
author:groupmember(profile(fullname, email)),
course(
id,
title,
group(
organization(siteName, name),
members:groupmember(id, profile(email, fullname))
)
)
`
)
.eq('id', feedId)
.limit(1)
.returns<
{
content: string;
author: {
profile: {
email: string;
fullname: string;
};
};
course: {
id: string;
title: string;
group: {
organization: {
name: string;
siteName: string;
};
members: {
id: string;
profile: {
email: string;
fullname: string;
};
}[];
};
};
}[]
>();
if (error) {
console.error('Failed to get feed', error);
return null;
}
console.log({
data
});
const [feed] = data || [];
if (!feed) return;
return {
id: feedId,
courseId: feed.course.id,
courseTitle: feed.course.title,
teacherName: feed.author?.profile?.fullname,
teacherEmail: feed.author?.profile?.email,
content: feed.content,
org: feed.course.group?.organization,
courseMembers: feed.course?.group?.members
?.filter((member) => member.id !== authorId)
?.map((member) => {
return member.profile;
})
};
}