diff --git a/src/components/ImageItem.vue b/src/components/ImageItem.vue index 4492a7568d27524979c1b20987b5bde409a3eea6..1e771839a0ba03c673b234babc241ce0d96f0c35 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 9d15f86332ea2a8595f406f19494ecb421682445..e674615241ac0a06d335875eeff0b688522f96ef 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 8f6006babb6ecd50f38f33e1d2de3343536885d5..8ee4ad45f2296097ef58ff6b336f4f7e9fbe1221 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 548afb5a59015dea832d9fad2706a9a8270e8378..c378efd0788e2fb75b19b2b97de5f12e88be7f03 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);