From 24a8868e5400d1c8b6a5c5f079acb64b492963b7 Mon Sep 17 00:00:00 2001
From: Trirst <abeces968@gmail.com>
Date: Sun, 5 Sep 2021 23:12:25 +0700
Subject: [PATCH] Fix outdated endpoints

---
 src/components/ImageItem.vue   | 2 +-
 src/components/ImageList.vue   | 4 ++--
 src/components/ImageUpload.vue | 9 ++++-----
 src/store/index.js             | 6 +++---
 4 files changed, 10 insertions(+), 11 deletions(-)

diff --git a/src/components/ImageItem.vue b/src/components/ImageItem.vue
index 4492a75..1e77183 100644
--- a/src/components/ImageItem.vue
+++ b/src/components/ImageItem.vue
@@ -17,7 +17,7 @@
       X
     </div>
     <router-link @click.ctrl.shift.native.prevent :to="`/image/${flake}`">
-      <img :src="`/api/image/snowflake/${flake}/preview`" />
+      <img :src="`/api/image/${flake}/preview`" />
     </router-link>
   </div>
 </template>
diff --git a/src/components/ImageList.vue b/src/components/ImageList.vue
index 9d15f86..e674615 100644
--- a/src/components/ImageList.vue
+++ b/src/components/ImageList.vue
@@ -62,12 +62,12 @@ export default {
       this.setStateImageSnowflakes(await this.getSnowflakes(this.currentPage));
     },
     async getSnowflakes(pageEntry) {
-      const response = await fetch(`/api/page/${pageEntry}/`);
+      const response = await fetch(`/api/image/page/${pageEntry}/`);
       const snowflakes = await response.json();
       return snowflakes;
     },
     async getLastPage() {
-      const response = await fetch("/api/page");
+      const response = await fetch("/api/image/page");
       const lastPage = await response.text();
       return lastPage;
     },
diff --git a/src/components/ImageUpload.vue b/src/components/ImageUpload.vue
index 8f6006b..8ee4ad4 100644
--- a/src/components/ImageUpload.vue
+++ b/src/components/ImageUpload.vue
@@ -61,8 +61,7 @@
           mx-auto
           font-semibold
           text-gray-800
-          hover:bg-gray-800
-          hover:text-gray-100
+          hover:bg-gray-800 hover:text-gray-100
         "
       >
         Submit
@@ -144,12 +143,12 @@ export default {
         };
         const response = await fetch("/api/image", options);
         const data = await response.json();
-        this.addStateHashArray(data.hash);
+        this.addStateImageSnowflake(data.snowflake);
       } catch {
         (error) => console.error(error);
       }
     },
-    ...mapActions(["addStateHashArray"]),
+    ...mapActions(["addStateImageSnowflake"]),
   },
 };
-</script>
\ No newline at end of file
+</script>
diff --git a/src/store/index.js b/src/store/index.js
index 548afb5..c378efd 100644
--- a/src/store/index.js
+++ b/src/store/index.js
@@ -22,7 +22,7 @@ export default new Vuex.Store({
     setStateImageSnowflakes(state, array) {
       state.stateImageSnowflakes = array;
     },
-    addStateHashArray(state, hash) {
+    addStateImageSnowflake(state, hash) {
       state.stateImageSnowflakes.unshift(hash);
     },
     saveStateUser(state, payload) {
@@ -36,8 +36,8 @@ export default new Vuex.Store({
     setStateImageSnowflakes(context, payload) {
       context.commit("setStateImageSnowflakes", payload);
     },
-    addStateHashArray(context, payload) {
-      context.commit("addStateHashArray", payload);
+    addStateImageSnowflake(context, payload) {
+      context.commit("addStateImageSnowflake", payload);
     },
     saveStateUser(context, payload) {
       context.commit("saveStateUser", payload);
-- 
GitLab