From 02d5ef4371e1f4305dd6f8d7e8db692721d1ffd9 Mon Sep 17 00:00:00 2001
From: Jonathan Bourdon <lowrad000@gmail.com>
Date: Sun, 6 Oct 2024 01:33:43 -0400
Subject: [PATCH] Remove /feed 'ForYouPage'

---
 src/router/router.js      |  8 +---
 src/views/ForYouPage.vue  | 91 ---------------------------------------
 src/views/main/Header.vue | 16 +------
 3 files changed, 2 insertions(+), 113 deletions(-)
 delete mode 100644 src/views/ForYouPage.vue

diff --git a/src/router/router.js b/src/router/router.js
index c6a41cc..2682c49 100644
--- a/src/router/router.js
+++ b/src/router/router.js
@@ -18,7 +18,6 @@ import CreatorList from '@/views/browser/CreatorList.vue'
 import PostContent from "@/views/contents/PostContent.vue";
 import Explorer from "@/views/explorer/explorer.vue";
 import {useAuthStore} from "@/stores/authStore.js";
-import ForYouPage from "@/views/ForYouPage.vue";
 
 import CreatorLayout from "@/views/creators/CreatorLayout.vue";
 import ContentPage from "@/views/contents/ContentPage.vue";
@@ -149,12 +148,7 @@ const routes = [
         name: 'explorer',
         component: Explorer,
 
-    },
-    {
-        path: '/feed',
-        name: 'feed',
-        component: ForYouPage,
-    },
+    }
 ]
 
 const router = createRouter({
diff --git a/src/views/ForYouPage.vue b/src/views/ForYouPage.vue
deleted file mode 100644
index 2698500..0000000
--- a/src/views/ForYouPage.vue
+++ /dev/null
@@ -1,91 +0,0 @@
-<script setup>
-import {ref, onMounted, onBeforeUnmount} from "vue";
-import { useClient } from "@/plugins/api.js";
-import ContentCardSm from "@/views/contents/contentcards/SmContentCard.vue";
-import ContentCardNormal from "@/views/contents/contentcards/NContentCard.vue";
-
-const client = useClient();
-
-const contentCount = ref(0);
-const pageSize = ref(10);
-const contents = ref([]);
-const isSmallScreen = ref(false);
-const errorMessage = ref()
-
-let last_id = null
-
-
-const updateScreenSize = () => {
-  isSmallScreen.value = window.matchMedia('(max-width: 600px)').matches;
-};
-
-const fetchContents = async ({done}) => {
-  try {
-    let uri = `/api/contents/followed/?page_size=${pageSize.value}`;
-    if (last_id !== null) uri = uri + `&last_id=${last_id}`
-
-    const response = await client.get(uri);
-
-    if (response.status >= 200 && response.status < 300) {
-      contentCount.value = response.data.length;
-
-      if (contentCount.value > 0) {
-        contents.value.push(...response.data)
-        const [last_content] = response.data.slice(-1)
-        last_id = last_content.id
-      }
-
-      if (contentCount < pageSize.value)
-        done('empty')
-      else
-        done('ok')
-    }
-    
-  } catch (error) {
-    console.error("Failed to fetch posts", error);
-  }
-};
-
-onMounted(() => {
-  updateScreenSize();
-  window.addEventListener('resize', updateScreenSize);
-});
-
-onBeforeUnmount(() => {
-  window.removeEventListener('resize', updateScreenSize);
-});
-
-</script>
-
-<template>
-  <div class="max-w-[800px] mx-auto">
-    <div class="w-full h-full mx-1">
-      <div class="d-sm-block d-md-block mb-1">
-        <v-infinite-scroll :items="contents"
-                           :onLoad="fetchContents"
-                           class="md:gap-2">
-      
-          <template v-for="content in contents" :key="content.id">
-            <component
-                :is="isSmallScreen ? ContentCardSm : ContentCardNormal"
-                :content="content"
-                @content-deleted="onContentDeleted"
-            ></component>
-          </template>
-      
-          <template v-slot:empty>
-            Il n'y a pas plus de contenus
-          </template>
-      
-          <template v-slot:error>
-            <v-alert type="error">{{ errorMessage }}</v-alert>
-          </template>
-      
-        </v-infinite-scroll>
-      </div>
-    </div>
-  </div>
-</template>
-<style scoped>
-/* Add your styles here */
-</style>
diff --git a/src/views/main/Header.vue b/src/views/main/Header.vue
index 2a5b446..1cb8174 100644
--- a/src/views/main/Header.vue
+++ b/src/views/main/Header.vue
@@ -65,17 +65,7 @@
       </div>
 
       <!-- Buttons -->
-      <div v-if="!showSearch" class="absolute-center flex">
-        <v-btn
-            v-if="authStore.isAuthenticated"
-            variant="plain"
-            icon
-            class="flex flex-row justify-center"
-            @click="feedHandler"
-        >
-          <img src="/images/hutopymedia/icons/feedfollow.svg" alt="feed follow icon"
-               style="filter: invert(0.5) brightness(0.0); width: 32px; height: 32px;" />
-        </v-btn>
+      <div v-if="!showSearch" class="absolute-center flex">      
         <v-btn
             variant="plain"
             icon
@@ -202,10 +192,6 @@ const explorerHandler = () => {
   router.push('/explorer');
 };
 
-const feedHandler = () => {
-  router.push('/feed');
-};
-
 const handleClickOutside = (event) => {
   if (!event.target.closest('.search-container')) {
     showSearch.value = false;