From 9fda78a077e3b8aa9f5a296b0d73f729e875fabd Mon Sep 17 00:00:00 2001
From: MuslemRahimi <moslem_rahimi@hotmail.de>
Date: Mon, 11 Nov 2024 18:02:57 +0100
Subject: [PATCH] refactor code

---
 src/lib/images/visual_mod.webp                | Bin 0 -> 4724 bytes
 .../images/visual_mod.webp:Zone.Identifier    |   4 ++
 src/routes/notifications/+page.svelte         |  63 +++++++-----------
 3 files changed, 27 insertions(+), 40 deletions(-)
 create mode 100644 src/lib/images/visual_mod.webp
 create mode 100644 src/lib/images/visual_mod.webp:Zone.Identifier

diff --git a/src/lib/images/visual_mod.webp b/src/lib/images/visual_mod.webp
new file mode 100644
index 0000000000000000000000000000000000000000..e886c62dc84faedae5287c29428a451891c4f8b7
GIT binary patch
literal 4724
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
Cf?mu3

literal 0
HcmV?d00001

diff --git a/src/lib/images/visual_mod.webp:Zone.Identifier b/src/lib/images/visual_mod.webp:Zone.Identifier
new file mode 100644
index 00000000..92c07c11
--- /dev/null
+++ b/src/lib/images/visual_mod.webp:Zone.Identifier
@@ -0,0 +1,4 @@
+[ZoneTransfer]
+ZoneId=3
+ReferrerUrl=https://useast-pb.stocknear.com/_/
+HostUrl=https://useast-pb.stocknear.com/api/files/_pb_users_auth_/9ncz4wunmhk0k52/profile_icon_kof6ixwefd4c1_n9a6Ljm6rj.webp?token=
diff --git a/src/routes/notifications/+page.svelte b/src/routes/notifications/+page.svelte
index f317f481..bbbf27dc 100644
--- a/src/routes/notifications/+page.svelte
+++ b/src/routes/notifications/+page.svelte
@@ -1,10 +1,10 @@
 <script lang="ts">
-  import { getImageURL, formatDate } from "$lib/utils";
+  import { formatDate } from "$lib/utils";
   import ArrowLogo from "lucide-svelte/icons/move-up-right";
-  import { goto } from "$app/navigation";
+  import avatar from "$lib/images/visual_mod.webp";
+
   import { onMount } from "svelte";
   import { numberOfUnreadNotification } from "$lib/store";
-  import defaultAvatar from "$lib/images/default_avatar.png";
 
   export let data;
   export let form;
@@ -112,33 +112,25 @@
           {#if notificationList?.length !== 0}
             <div class="flex flex-col items-start w-full text-white">
               {#each notificationList as item}
-                <!-- svelte-ignore a11y-click-events-have-key-events -->
-                <div
-                  class="sm:hover:bg-[#2B2B2B] pb-3 sm:p-3 mb-6 sm:mb-3 text-gray-200 w-full {!item?.readed
-                    ? 'bg-[#F9AB00] bg-opacity-[0.1]'
-                    : ''} "
-                >
-                  <div class="flex flex-row items-center w-full">
-                    <!-- svelte-ignore a11y-label-has-associated-control -->
-                    <a
-                      class="avatar w-11 h-11 flex-shrink-0 cursor-pointer mr-4"
-                    >
-                      <img
-                        style="clip-path: circle(50%);"
-                        class="flex-shrink-0 w-11 h-11 rounded-full inline-block"
-                        src={item?.expand?.user?.avatar
-                          ? getImageURL(
-                              item?.expand?.user?.collectionId,
-                              item?.expand?.user?.id,
-                              item?.expand?.user?.avatar,
-                            )
-                          : defaultAvatar}
-                        alt="User avatar"
-                      />
-                    </a>
+                {#if item?.notifyType === "priceAlert"}
+                  <!-- svelte-ignore a11y-click-events-have-key-events -->
+                  <div
+                    class="sm:hover:bg-[#2B2B2B] pb-3 sm:p-3 mb-6 sm:mb-3 text-gray-200 w-full {!item?.readed
+                      ? 'bg-[#F9AB00] bg-opacity-[0.1]'
+                      : ''} "
+                  >
+                    <div class="flex flex-row items-center w-full">
+                      <!-- svelte-ignore a11y-label-has-associated-control -->
+                      <a class="avatar w-11 h-11 flex-shrink-0 mr-4">
+                        <img
+                          style="clip-path: circle(50%);"
+                          class="flex-shrink-0 w-11 h-11 rounded-full inline-block"
+                          src={avatar}
+                          alt="User avatar"
+                        />
+                      </a>
 
-                    <div class="text-white text-sm sm:text-[1rem]">
-                      {#if item?.notifyType === "priceAlert"}
+                      <div class="text-white text-sm sm:text-[1rem]">
                         <!-- svelte-ignore a11y-click-events-have-key-events -->
                         <!-- svelte-ignore a11y-label-has-associated-control -->
                         <div class="flex flex-col items-start">
@@ -168,19 +160,10 @@
                             >{formatDate(item?.created)} ago</span
                           >
                         </div>
-                      {/if}
+                      </div>
                     </div>
-                    <!--
-             {#if item?.expand?.post?.thumbnail}
-             <img 
-             src="{getImageURL(item?.expand?.post?.collectionId, item?.expand?.post?.id, item?.expand?.post?.thumbnail)}" 
-             class="w-24 sm:w-20 max-h-[50px] rounded-md inline-block"
-             alt="post thumbnail"
-             />
-             {/if}
-             -->
                   </div>
-                </div>
+                {/if}
               {/each}
             </div>
           {:else}