fixed image sizes and massive bug overhaul

datagrove · Sep 4, 2024 · 84f2476 · 84f2476
1 parent a113c89
commit 84f2476
Show file tree

Hide file tree

Showing 31 changed files with 494 additions and 915 deletions.
diff --git a/src/components/common/HeaderSearchBar.tsx b/src/components/common/HeaderSearchBar.tsx
@@ -32,6 +32,7 @@ export const SearchBar: Component = () => {
             searchString() !== "null"
         ) {
             localStorage.setItem("searchString", searchString());
+            console.log("Set Search to Local Storage", searchString());
         }
 
         // console.log(window.location.href)

diff --git a/src/components/common/cart/CartCard.tsx b/src/components/common/cart/CartCard.tsx
@@ -25,6 +25,8 @@ export const CartCard: Component<Props> = (props) => {
     const [newItems, setNewItems] = createSignal<Array<Post>>([]);
     const [quantity, setQuantity] = createSignal<number>(0);
 
+    console.log(items);
+
     createEffect(async () => {
         if (props.items) {
             // const updatedItems = await Promise.all(
@@ -133,7 +135,7 @@ export const CartCard: Component<Props> = (props) => {
                                                         ? "User Image"
                                                         : "No image"
                                                 }
-                                                class="h-full w-full rounded-lg bg-background1 object-cover dark:bg-icon1-DM"
+                                                class="h-48 w-48 rounded-lg bg-background1 object-cover dark:bg-icon1-DM"
                                                 loading="lazy"
                                                 onload={(e) => {
                                                     lazyLoadImage(

diff --git a/src/components/common/cart/CartCardDonate.tsx b/src/components/common/cart/CartCardDonate.tsx
@@ -36,7 +36,7 @@ export const CartCardDonate: Component<Props> = (props) => {
                                         src={LearnGroveCommunity.src}
                                         // TODO Internationalize
                                         alt="Build Your LearnGrove"
-                                        class="h-full w-full rounded-lg bg-background1 object-cover dark:bg-icon1-DM"
+                                        class="h-44 w-44 rounded-lg bg-background1 object-cover dark:bg-icon1-DM"
                                     />
                                 </div>
 

diff --git a/src/components/common/cart/CartCardDonateMobile.tsx b/src/components/common/cart/CartCardDonateMobile.tsx
@@ -36,7 +36,7 @@ export const CartCardDonateMobile: Component<Props> = (props) => {
                                         src={LearnGroveCommunity.src}
                                         // TODO Internationalize
                                         alt="Build Your LearnGrove"
-                                        class="h-full w-full rounded-lg bg-background1 object-cover dark:bg-icon1-DM"
+                                        class="h-22 w-22 rounded-lg bg-background1 object-cover dark:bg-icon1-DM"
                                     />
                                 </div>
 

diff --git a/src/components/common/cart/CartCardMobile.tsx b/src/components/common/cart/CartCardMobile.tsx
@@ -127,7 +127,7 @@ export const CartCardMobile: Component<Props> = (props) => {
                                                     ? "User Image"
                                                     : "No image"
                                             }
-                                            class="h-full w-full rounded-lg bg-background1 object-cover dark:bg-icon1-DM"
+                                            class="h-22 w-22 rounded-lg bg-background1 object-cover dark:bg-icon1-DM"
                                             loading="lazy"
                                             onload={(e) => {
                                                 lazyLoadImage(

diff --git a/src/components/common/cart/ViewCart.tsx b/src/components/common/cart/ViewCart.tsx
@@ -26,7 +26,6 @@ const t = useTranslations(lang);
 
 export const CartView = () => {
     const [totalItems, setTotalItems] = createSignal(0);
-    const [itemsDetails, setItemsDetails] = createSignal<Post[]>([]);
     const [cartTotal, setCartTotal] = createSignal(0);
     const [donation, setDonation] = createSignal(0);
     const screenSize = useStore(windowSize);
@@ -75,7 +74,6 @@ export const CartView = () => {
             let total = 0;
             {
                 console.log("items in cart: " + items.length);
-                console.log("Item Details: " + itemsDetails());
             }
             items.forEach((item: Post) => {
                 if (item.price) {

diff --git a/src/components/members/CreatorProfileView.tsx b/src/components/members/CreatorProfileView.tsx
@@ -19,7 +19,6 @@ import { getLangFromUrl, useTranslations } from "../../i18n/utils";
 import { createStore } from "solid-js/store";
 import { StripeButton } from "@components/members/creator/StripeButton";
 import { PayoutButton } from "@components/members/creator/PayoutButton";
-import { MobileViewCard } from "@components/services/MobileViewCard";
 import type { Creator } from "@lib/types";
 import { TinyComp } from "@components/posts/TinyComp";
 import {
@@ -85,10 +84,6 @@ export const CreatorProfileView: Component = () => {
         }
     });
 
-    createEffect(() => {
-        console.log("creatorImage value:", creatorImage());
-    });
-
     const resetPassword = () => {
         window.location.href = `/${lang}/password/reset`;
     };
@@ -330,7 +325,7 @@ export const CreatorProfileView: Component = () => {
                                     <img
                                         src={person.src}
                                         data-src={creatorImage().jpegUrl}
-                                        class="absolute left-1/2 top-1/2 block h-56 -translate-x-1/2 -translate-y-1/2 justify-center object-contain md:h-96"
+                                        class="absolute left-1/2 top-1/2 block h-[142px] w-[142px] -translate-x-1/2 -translate-y-1/2 justify-center object-contain"
                                         alt={`${t("postLabels.creatorProfileImage")} 1`}
                                         loading="lazy"
                                     />

diff --git a/src/components/members/UserCreatorView.tsx b/src/components/members/UserCreatorView.tsx
@@ -268,7 +268,7 @@ export const UserCreatorView: Component<Props> = (props) => {
                             <img
                                 src={creatorImage().jpegUrl}
                                 alt={`${t("postLabels.CreatorProfileImage")} 1`}
-                                class="absolute left-12 top-6 flex h-36 w-36 items-center justify-center rounded-full border-2 border-gray-400 bg-background2 object-contain dark:bg-background2-DM"
+                                class="absolute left-12 top-6 flex h-[142px] w-[142px] items-center justify-center rounded-full border-2 border-gray-400 bg-background2 object-contain dark:bg-background2-DM"
                             />
                         </picture>
                     </div>

diff --git a/src/components/members/UserProfileView.tsx b/src/components/members/UserProfileView.tsx
@@ -10,15 +10,10 @@ import {
 } from "solid-js";
 import supabase from "../../lib/supabaseClient";
 import type { AuthSession } from "@supabase/supabase-js";
-import UserImage from "./UserImage";
-import { ui } from "../../i18n/ui";
-import type { uiObject } from "../../i18n/uiType";
 import { getLangFromUrl, useTranslations } from "../../i18n/utils";
 import type { User } from "@lib/types";
 import type { Post } from "@lib/types";
-import { ViewCard } from "@components/services/ViewCard";
 import { ViewUserPurchases } from "@components/posts/ViewUserPurchases";
-import stripe from "@lib/stripe";
 import { UserProfileViewMobile } from "@components/members/UserProfileViewMobile";
 import { useStore } from "@nanostores/solid";
 import { windowSize } from "@components/common/WindowSizeStore";
@@ -27,10 +22,6 @@ import { ViewUserFavorites } from "@components/posts/ViewUserFavorites";
 const lang = getLangFromUrl(new URL(window.location.href));
 const t = useTranslations(lang);
 
-//get the categories from the language files so they translate with changes in the language picker
-const values = ui[lang] as uiObject;
-const productCategories = values.subjectCategoryInfo.subjects;
-
 async function postFormData(formData: FormData) {
     const response = await fetch("/api/userProfileEdit", {
         method: "POST",
@@ -60,7 +51,6 @@ export const UserProfileView: Component = () => {
     const screenSize = useStore(windowSize);
     const [formData, setFormData] = createSignal<FormData>();
     const [response] = createResource(formData, postFormData);
-    const [purchasedItems, setPurchasedItems] = createSignal<Array<Post>>([]);
     const [tabSelected, setTabSelected] = createSignal<string>("purchases");
 
     onMount(async () => {

diff --git a/src/components/members/UserProfileViewMobile.tsx b/src/components/members/UserProfileViewMobile.tsx
@@ -9,45 +9,15 @@ import {
     Suspense,
 } from "solid-js";
 import supabase from "../../lib/supabaseClient";
-import type { AuthSession } from "@supabase/supabase-js";
-import UserImage from "./UserImage";
-import { ui } from "../../i18n/ui";
-import type { uiObject } from "../../i18n/uiType";
 import { getLangFromUrl, useTranslations } from "../../i18n/utils";
 import type { User } from "@lib/types";
 import type { Post } from "@lib/types";
-import { ViewCard } from "@components/services/ViewCard";
-import stripe from "@lib/stripe";
 import { ViewUserPurchases } from "@components/posts/ViewUserPurchases";
 import { ViewUserFavorites } from "@components/posts/ViewUserFavorites";
 
 const lang = getLangFromUrl(new URL(window.location.href));
 const t = useTranslations(lang);
 
-//get the categories from the language files so they translate with changes in the language picker
-const values = ui[lang] as uiObject;
-const productCategories = values.subjectCategoryInfo.subjects;
-
-async function postFormData(formData: FormData) {
-    const response = await fetch("/api/userProfileEdit", {
-        method: "POST",
-        body: formData,
-    });
-    const data = await response.json();
-    //Checks the API response for the redirect and sends them to the redirect page if there is one
-    if (data.redirect) {
-        alert(data.message);
-        window.location.href = `/${lang}` + data.redirect;
-    }
-    return data;
-}
-
-const { data: User, error: UserError } = await supabase.auth.getSession();
-
-if (UserError) {
-    console.log("UserError: ", UserError.code + " " + UserError.message);
-}
-
 interface Props {
     user: User | null;
     userImage: string | undefined;
@@ -56,12 +26,6 @@ interface Props {
 }
 
 export const UserProfileViewMobile: Component<Props> = (props: Props) => {
-    // const [user, setUser] = createSignal<User>();
-    // const [session, setSession] = createSignal<AuthSession | null>(null);
-    // const [userImage, setUserImage] = createSignal<string>();
-    // const [editMode, setEditMode] = createSignal<boolean>(false); //TODO Set back to false
-    const [imageUrl, setImageUrl] = createSignal<string | null>(null);
-    const [purchasedItems, setPurchasedItems] = createSignal<Array<Post>>([]);
     const [tabSelected, setTabSelected] = createSignal<string>("purchases");
 
     const resetPassword = () => {

diff --git a/src/components/members/user/DownloadBtn.tsx b/src/components/members/user/DownloadBtn.tsx
@@ -130,8 +130,8 @@ export const DownloadBtn: Component<Props> = (props: Props) => {
                 return;
             }
             setPurchasedItems(productsInfo);
-            // console.log("Purchased Items");
-            // console.log(purchasedItems());
+            console.log("Purchased Items");
+            console.log(purchasedItems());
 
             // console.log("Checking purchased items");
 

diff --git a/src/components/posts/EditPost.tsx b/src/components/posts/EditPost.tsx
@@ -1059,7 +1059,7 @@ export const EditPost: Component<Props> = (props: Props) => {
                 </div>
 
                 {/* Price Implementation */}
-                {/* <div class="justfify-evenly mt-6 flex flex-col ">
+                {/* <div class="justify-evenly mt-6 flex flex-col ">
                     <div class="mt-2 flex justify-between">
                         <p>{t("formLabels.isResourceFree")}?</p>
                         <div>