dev-to-prod (#2248) (#2249)

Betarena · Jul 25, 2024 · 2c2e629 · 2c2e629
1 parent 274f26b
commit 2c2e629
Show file tree

Hide file tree

Showing 89 changed files with 8,063 additions and 787 deletions.
diff --git a/src/lib/components/_main_/header_redisigned/Header.svelte b/src/lib/components/_main_/header_redisigned/Header.svelte
@@ -36,12 +36,16 @@
   import AssetBetarenaLogoFull from "./assets/asset-betarena-logo-full.svelte";
   import Avatar from "$lib/components/ui/Avatar.svelte";
   import { scoresNavbarStore } from "./_store.js";
-  import { fly } from "svelte/transition";
   import HeaderNavigation from "./HeaderNavigation.svelte";
   import { promiseUrlsPreload } from "$lib/utils/navigation.js";
   import { createEventDispatcher } from "svelte";
-  import UserDropdownPopup from "./UserDropdownPopup.svelte";
-  import { routeIdPageAuthors, routeIdPageTags } from "$lib/constants/paths.js";
+  import {
+    routeIdAuthorProfile,
+    routeIdAuthorSubscribers,
+    routeIdPageAuthors,
+    routeIdPageTags,
+    routeIdSportstack,
+  } from "$lib/constants/paths.js";
 
   // #endregion ➤ 📦 Package Imports
   // #region ➤ 📌 VARIABLES
@@ -63,18 +67,23 @@
   $: homepageURL = serverLang != "en" ? `/${serverLang}` : "/";
   $: logoLink =
     serverLang != "en" ? `${$page.url.origin}/${serverLang}` : $page.url.origin;
-  $: ({user} = $userBetarenaSettings);
+  $: ({ user } = $userBetarenaSettings);
   $: isAuth = !!user;
   $: ({ profile_photo } = { ...$userBetarenaSettings.user?.scores_user_data });
   $: loadTranslations(serverLang);
 
-  const pagesWihoutNav = [routeIdPageTags, routeIdPageAuthors];
-  const dispatch = createEventDispatcher();
+  const pagesWihoutNav = [
+    routeIdPageTags,
+    routeIdPageAuthors,
+    routeIdAuthorProfile,
+    routeIdSportstack,
+    routeIdAuthorSubscribers,
+  ];
   const /**
      * @description
      *  📣 `this` component **main** `id` and `data-testid` prefix.
      */ // eslint-disable-next-line no-unused-vars
-    CNAME: string = "<section-scope>⮕<type|w|c>⮕<unique-tag-name>⮕main";
+    CNAME: string = "header⮕web";
 
   // #endregion ➤ 📌 VARIABLES
 
@@ -115,7 +124,7 @@
     scoresNavbarStore.closeAllDropdowns();
   }}
 />
-<div class="wrapper">
+<div class="wrapper" id={CNAME}>
   <div
     id="brand"
     data-testid="header-brand-img"

diff --git a/src/lib/components/_main_/header_redisigned/HeaderRedesigned.svelte b/src/lib/components/_main_/header_redisigned/HeaderRedesigned.svelte
@@ -15,13 +15,16 @@
   import sessionStore from "$lib/store/session.js";
   import userBetarenaSettings from "$lib/store/user-settings.js";
   import {
+    routeIdAuthorProfile,
+    routeIdAuthorSubscribers,
     routeIdPageAuthors,
     routeIdPageCompetition,
     routeIdPageFixture,
     routeIdPageLeague,
     routeIdPagePlayer,
     routeIdPageProfile,
     routeIdPageTags,
+    routeIdSportstack,
   } from "$lib/constants/paths.js";
   import MobileHeaderRich from "./MobileHeaderRich.svelte";
   import Header from "./Header.svelte";
@@ -59,6 +62,9 @@
     routeIdPageTags,
     routeIdPageProfile,
     routeIdPageAuthors,
+    routeIdAuthorProfile,
+    routeIdAuthorSubscribers,
+    routeIdSportstack,
     routeIdPageAuthors,
   ];
   $: isInnerPage = simpleMobileHeaderRoutes.includes($page.route.id || "");

diff --git a/src/lib/components/_main_/header_redisigned/MobileHeaderSmall.svelte b/src/lib/components/_main_/header_redisigned/MobileHeaderSmall.svelte
@@ -30,7 +30,6 @@
   import BackButton from "$lib/components/ui/BackButton.svelte";
   import Avatar from "$lib/components/ui/Avatar.svelte";
   import { createEventDispatcher } from "svelte";
-  import UserDropdownPopup from "./UserDropdownPopup.svelte";
 
   // #endregion ➤ 📦 Package Imports
   // #region ➤ 📌 VARIABLES

diff --git a/src/lib/components/misc/Translation-Text.svelte b/src/lib/components/misc/Translation-Text.svelte
@@ -57,7 +57,7 @@
      * @description
      *  📣 Target `key` for respective text.
     */
-    key: string
+    key: string = "undefined"
     /**
      * @description
      *  📣 Target `text` to be displayed.

diff --git a/src/lib/components/section/authors/common_ui/SportsTackImg.svelte b/src/lib/components/section/authors/common_ui/SportsTackImg.svelte
@@ -0,0 +1,21 @@
+<script>
+  export let src =
+    "https://s3-alpha-sig.figma.com/img/ead9/422f/35e3b50c15d637cc9219c84e6578d300?Expires=1721001600&Key-Pair-Id=APKAQ4GOSFWCVNEHN3O4&Signature=EmvyAFwy5cFn4kbaOCzPBmg2mcO6P7VUi~P0P46f86WYbq52HvxuxJgpqXFcOuXP-G5q5Lsv6jzPovh1Xt-aeEKnDtwgZoMG2TpTw41A5LJAAFFMbYcVwEAqBPWf4VT3SVc-hXB8u~dk7IT-Ntu77WBnXLTGKCZePMQykjBbrkS0NTiFhvHFIOAmbQ-HmlgIdvrJZxvVQR2f0Xe9g5qX2Tle37SNqA2EjlOaxzMbn4zw8MXcRkAOzATeOzao1GNdD3yUt~pHs6EDiRVLxf9xjKXYsYdUn~geDu12j7HP9CNuW9nC~CgzE6NeTQLFi0UjU3aQuYVsSDJTYAAg06hM-A__";
+</script>
+
+<div
+  class="sportstack-image"
+  style="background: url({src}) lightgray -10.166px -9.798px / 143.179% 143.179% no-repeat;"
+/>
+
+<style>
+  .sportstack-image {
+    width: 48px;
+    height: 48px;
+    border-radius: 4px;
+    object-fit: cover;
+    background-image: url(src);
+    background-repeat: no-repeat;
+    background-size: cover;
+  }
+</style>