Merge pull request #23 from mudmykola/feature/CRJ_optimization

update(json): updated the list of cartoons
mudmykola · Sep 7, 2024 · 0b5eda6 · 0b5eda6
2 parents a92f19d + 62d4aff
commit 0b5eda6
Show file tree

Hide file tree

Showing 3 changed files with 32 additions and 40 deletions.
diff --git a/.firebase/hosting.ZGlzdA.cache b/.firebase/hosting.ZGlzdA.cache
@@ -1,13 +1,13 @@
-index.html,1725705582245,0f51471570f93952eb28a60d790de91966355a82cffaed95562b93954179a50e
-assets/fa-v4compatibility-BX8XWJtE.woff2,1725705582245,8945f97a3a1bbd891397f2f7900844dbf1808e9e3924900a31d4acafb11a9db2
-data/cartoons.json,1725705581915,815d99b0fa788645bcd496c1c088f71fea88524618c8eff3113ae8e096bf5e66
-assets/fa-v4compatibility-B9MWI-E6.ttf,1725705582246,d5040b176e185deb1562d78b306cffe3336502f43ad77337eb9b8e464e1ab757
-assets/FavoriteComponent-b8ovRfT1.js,1725705582246,32b1be91544c1dadede04cad22b07770e626f3d97cd2cf480824a59ba2eb92f4
-assets/fa-regular-400-DgEfZSYE.woff2,1725705582245,fb31b3f693b818441c452f39a682d8ad81967e3474b6a2266ddb885177cd98d1
-assets/fa-regular-400-Bf3rG5Nx.ttf,1725705582245,61e9221981e1ad8a27ea29b9aed2d9d1615450c3f99b3a6175c2ef238fa67eb4
-assets/fa-brands-400-O7nZalfM.woff2,1725705582246,5446f4c298ee6694ba92500f91741668e1ff9c8c08cb018a4f414fb663acae9e
-assets/fa-solid-900-DOQJEhcS.woff2,1725705582246,7a9c4ef0dd299dfd976428e4cb9c86fc13ebd4eed7604f035476e69af3f56b9d
-assets/fa-brands-400-Dur5g48u.ttf,1725705582245,8a036bca81921a2f3fc90c860fde21f0e8066cdf3507cf9999dd2a47cac380b1
-assets/index-yctjN2d9.css,1725705582246,ec2f3c1ac416a08780c24d192db74fb2767c59730f2250cf7719e429ef230286
-assets/index-IPhrKbjA.js,1725705582245,da319a2c7d975f6c4a9b81fdcc5b40c6a4b6c65e0e779ee2c92508678435d885
-assets/fa-solid-900-BV3CbEM2.ttf,1725705582246,af1fb4d30a49d562da382fdc49f386e2c8075bbbe26a5ecbbcdcf8994aaa423d
+index.html,1725738364120,c1851b0dd9e1397231c291457040eb5c74d2e928cb2f99db91ebbb9f6652dc6d
+assets/fa-v4compatibility-BX8XWJtE.woff2,1725738364120,8945f97a3a1bbd891397f2f7900844dbf1808e9e3924900a31d4acafb11a9db2
+assets/fa-v4compatibility-B9MWI-E6.ttf,1725738364120,d5040b176e185deb1562d78b306cffe3336502f43ad77337eb9b8e464e1ab757
+data/cartoons.json,1725738363798,0a612d3f9f67b6cc4880a3b4dda7463f88df97d9fed28738159fef6af3c97f96
+assets/FavoriteComponent-DQZqKrXA.js,1725738364120,b468dbc41090c046b3b5632209facd726ca79d27ca1704b30d5b153ff6342292
+assets/fa-regular-400-DgEfZSYE.woff2,1725738364120,fb31b3f693b818441c452f39a682d8ad81967e3474b6a2266ddb885177cd98d1
+assets/fa-regular-400-Bf3rG5Nx.ttf,1725738364119,61e9221981e1ad8a27ea29b9aed2d9d1615450c3f99b3a6175c2ef238fa67eb4
+assets/fa-brands-400-O7nZalfM.woff2,1725738364119,5446f4c298ee6694ba92500f91741668e1ff9c8c08cb018a4f414fb663acae9e
+assets/fa-solid-900-DOQJEhcS.woff2,1725738364120,7a9c4ef0dd299dfd976428e4cb9c86fc13ebd4eed7604f035476e69af3f56b9d
+assets/fa-brands-400-Dur5g48u.ttf,1725738364121,8a036bca81921a2f3fc90c860fde21f0e8066cdf3507cf9999dd2a47cac380b1
+assets/index-CpPOpnWm.css,1725738364120,7184ecfbfc3244c34b03b37fdd5394a015b997a9dc8d3050be17b245bb836fcc
+assets/index-DgCJLwbF.js,1725738364120,7a4d9ec85e33341a622477e03cdbd5ac6ad2ce91243658b3e192719f8925cf68
+assets/fa-solid-900-BV3CbEM2.ttf,1725738364120,af1fb4d30a49d562da382fdc49f386e2c8075bbbe26a5ecbbcdcf8994aaa423d
diff --git a/src/components/cart/MovieDetails.vue b/src/components/cart/MovieDetails.vue
@@ -5,6 +5,7 @@ import { useMovieStore } from '@/stores/useMovieStore.js';
 import DefaultLayout from '../../layout/DefaultLayout.vue';
 import AddComment from '@/components/comments/AddCommentComponent.vue';
 import MovieComments from '@/components/comments/MovieCommentsComponent.vue';
+import LeftArrow from '@/components/icons/leftArrow.vue';
 
 const seasonTitle = 'Сезон';
 const buttonPreviousEpisode = 'Попередня серія';
@@ -98,19 +99,7 @@ const toggleComments = () => {
           @click="goBack"
           class="back-btn absolute top-4 left-4 p-3 bg-gray-800 text-white rounded-md flex items-center hover:bg-red-600 transition duration-300 shadow-lg"
         >
-          <svg
-            xmlns="http://www.w3.org/2000/svg"
-            class="w-5 h-5 mr-2"
-            viewBox="0 0 24 24"
-            fill="currentColor"
-            aria-hidden="true"
-          >
-            <path
-              fill-rule="evenodd"
-              d="M14.293 6.293a1 1 0 011.414 1.414L11.414 12l4.293 4.293a1 1 0 01-1.414 1.414l-5-5a1 1 0 010-1.414l5-5a1 1 0 011.414 0z"
-              clip-rule="evenodd"
-            />
-          </svg>
+          <LeftArrow />
           {{ buttonBackHome }}
         </button>
         <div v-if="isLoading" class="flex justify-center items-center h-screen">
@@ -146,25 +135,13 @@ const toggleComments = () => {
                     @click="movieStore.toggleSeason(season.seasonNumber)"
                   >
                     {{ seasonTitle }} {{ season.seasonNumber }}
-                    <svg
-                      xmlns="http://www.w3.org/2000/svg"
+                    <LeftArrow
                       :class="{
                         'rotate-180':
                           movieStore.selectedSeason === season.seasonNumber,
                       }"
-                      class="w-5 h-5 transform transition-transform duration-300"
-                      viewBox="0 0 24 24"
-                      fill="currentColor"
-                      aria-hidden="true"
-                    >
-                      <path
-                        fill-rule="evenodd"
-                        d="M14.293 6.293a1 1 0 011.414 1.414L11.414 12l4.293 4.293a1 1 0 01-1.414 1.414l-5-5a1 1 0 010-1.414l5-5a1 1 0 011.414 0z"
-                        clip-rule="evenodd"
-                      />
-                    </svg>
+                    />
                   </h2>
-
                   <ul
                     v-if="movieStore.selectedSeason === season.seasonNumber"
                     class="list-disc list-inside pl-4"

diff --git a/src/components/icons/leftArrow.vue b/src/components/icons/leftArrow.vue
@@ -0,0 +1,15 @@
+<template>
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    class="w-5 h-5 mr-2"
+    viewBox="0 0 24 24"
+    fill="currentColor"
+    aria-hidden="true"
+  >
+    <path
+      fill-rule="evenodd"
+      d="M14.293 6.293a1 1 0 011.414 1.414L11.414 12l4.293 4.293a1 1 0 01-1.414 1.414l-5-5a1 1 0 010-1.414l5-5a1 1 0 011.414 0z"
+      clip-rule="evenodd"
+    />
+  </svg>
+</template>