Feat/bulk insert api (#210)

* feat(bulk insert): 🚧 api bulk insert

* feat(twitter): ✨ added twitter sync api

* feat(twitter): ✨ added tweets sections and updates all the apis for tweets

* fix(twitter): ✨ added empty tweets condition

* feat(twitter): ✨ added twitter sync api

* feat(timeline): ✨ added new timeline option

* feat(read more): ✨ added read more component for description

* feat(twitter): ✨ added avatar and blur hash

* feat(twitter sync): ✨ added duplicate check in sync logic

* fix(TS): 🐛 fixed TS issues

* test(env): 🚧 flipped prod env

* fix(env): ⚡️ reverted production fix

Author: abhishekmg

Diff for: src/async/mutationHooks/bookmarks/useAddBookmarkMinDataOptimisticMutation.ts

@@ -18,6 +18,7 @@ import {
 	DOCUMENTS_URL,
 	IMAGES_URL,
 	menuListItemName,
+	TWEETS_URL,
 	URL_IMAGE_CHECK_PATTERN,
 	VIDEOS_URL,
 } from "../../../utils/constants";
@@ -143,6 +144,7 @@ export default function useAddBookmarkMinDataOptimisticMutation() {
 			if (
 				(CATEGORY_ID === VIDEOS_URL ||
 					CATEGORY_ID === DOCUMENTS_URL ||
+					CATEGORY_ID === TWEETS_URL ||
 					CATEGORY_ID === IMAGES_URL) &&
 				apiResponseTyped?.status === 200
 			) {

Diff for: src/async/mutationHooks/files/useFileUploadOptimisticMutation.ts

@@ -15,6 +15,8 @@ import {
 	imageFileTypes,
 	IMAGES_URL,
 	LINKS_URL,
+	TWEETS_URL,
+	tweetType,
 	videoFileTypes,
 	VIDEOS_URL,
 } from "../../../utils/constants";
@@ -182,6 +184,10 @@ export default function useFileUploadOptimisticMutation() {
 					successToast(`Added to ${fileTypeName}`);
 				}
 
+				if (CATEGORY_ID === TWEETS_URL && uploadedDataType !== tweetType) {
+					successToast(`Added to ${fileTypeName}`);
+				}
+
 				if (CATEGORY_ID === LINKS_URL && uploadedDataType !== bookmarkType) {
 					successToast(`Added to ${fileTypeName}`);
 				}

Diff for: src/components/customDropdowns.tsx/bookmarksSortDropdown.tsx

@@ -1,116 +1,39 @@
-import { type PostgrestError } from "@supabase/supabase-js";
-import { useQueryClient } from "@tanstack/react-query";
-import { isEmpty } from "lodash";
 import find from "lodash/find";
 
+import useGetSortBy from "../../hooks/useGetSortBy";
 import AlphabeticalIcon from "../../icons/sortByIcons/alphabeticalIcon";
 import ClockRewindIcon from "../../icons/sortByIcons/clockRewindIcon";
 import DateIcon from "../../icons/sortByIcons/dateIcon";
 import TickIcon from "../../icons/tickIcon";
-import {
-	useLoadersStore,
-	useSupabaseSession,
-} from "../../store/componentStore";
-import {
-	type CategoriesData,
-	type FetchSharedCategoriesData,
-	type ProfilesTableTypes,
-} from "../../types/apiTypes";
+import { useLoadersStore } from "../../store/componentStore";
 import {
 	type BookmarksSortByTypes,
 	type BookmarkViewCategories,
 } from "../../types/componentStoreTypes";
-import { type CategoryIdUrlTypes } from "../../types/componentTypes";
 import { dropdownMenuItemClassName } from "../../utils/commonClassNames";
-import {
-	CATEGORIES_KEY,
-	SHARED_CATEGORIES_TABLE_NAME,
-	USER_PROFILE,
-} from "../../utils/constants";
 import { AriaDropdownMenu } from "../ariaDropdown";
 import AriaSelect from "../ariaSelect";
 import Spinner from "../spinner";
 
 type BookmarksSortDropdownTypes = {
-	categoryId: CategoryIdUrlTypes;
 	isDropdown?: boolean;
 	renderOnlyButton?: boolean;
 	setBookmarksView: (
 		value: BookmarksSortByTypes,
 		type: BookmarkViewCategories,
 	) => void;
-	userId: string;
 };
 
 const BookmarksSortDropdown = (props: BookmarksSortDropdownTypes) => {
 	const {
 		setBookmarksView,
-		categoryId,
-		userId,
 		isDropdown = true,
 		renderOnlyButton = false,
 	} = props;
 
-	const queryClient = useQueryClient();
-	const session = useSupabaseSession((state) => state.session);
-
-	const categoryData = queryClient.getQueryData([CATEGORIES_KEY, userId]) as {
-		data: CategoriesData[];
-		error: PostgrestError;
-	};
-
-	const userProfilesData = queryClient.getQueryData([USER_PROFILE, userId]) as {
-		data: ProfilesTableTypes[];
-		error: PostgrestError;
-	};
-
-	const sharedCategoriesData = queryClient.getQueryData([
-		SHARED_CATEGORIES_TABLE_NAME,
-	]) as {
-		data: FetchSharedCategoriesData[];
-		error: PostgrestError;
-	};
-
 	const isSortByLoading = useLoadersStore((state) => state.isSortByLoading);
 
-	const currentCategory = find(
-		categoryData?.data,
-		(item) => item?.id === categoryId,
-	);
-
-	const isInNonCategoryPage = typeof categoryId !== "number";
-
-	const getSortValue = () => {
-		if (!isInNonCategoryPage) {
-			// user is in a category page
-
-			// tells if the user is the category owner
-			const isUserTheCategoryOwner = currentCategory?.user_id?.id === userId;
-
-			if (isUserTheCategoryOwner) {
-				// if user is the category owner then get value from category table
-				return currentCategory?.category_views?.sortBy;
-			} else {
-				// if user is not the category owner then get value from the shared category table
-				const sharedCategoryUserData = find(
-					sharedCategoriesData?.data,
-					(item) =>
-						item?.category_id === categoryId &&
-						item?.email === session?.user?.email,
-				);
-
-				return sharedCategoryUserData?.category_views?.sortBy;
-			}
-		}
-
-		if (!isEmpty(userProfilesData?.data)) {
-			return userProfilesData?.data[0]?.bookmarks_view?.sortBy as string;
-		}
-
-		return "";
-	};
-
-	const bookmarksSortValue = getSortValue();
+	const { sortBy: bookmarksSortValue } = useGetSortBy();
 
 	const sortOptions = [
 		// {