File input fixes

pages/dashboard/moderation.vue

@@ -18,6 +18,7 @@
             Moderation
           </nuxt-link>
         </div>
+        <m-footer class="footer" />
         <client-only>
           <EthicalAd type="image" />
         </client-only>
@@ -44,7 +45,20 @@
           :edit-mode="true"
           :status="mod.status"
           :is-modrinth="true"
-        />
+        >
+          <button
+            class="button column approve"
+            @click="changeModStatus(mod.id, 'approved')"
+          >
+            Approve
+          </button>
+          <button
+            class="button column reject"
+            @click="changeModStatus(mod.id, 'rejected')"
+          >
+            Reject
+          </button>
+        </ModCard>
         <div class="section-header">
           <h3 class="column-grow-1">Versions</h3>
         </div>
@@ -82,11 +96,6 @@ export default {
       config
     )
 
-    res = await axios.get(
-      `https://api.modrinth.com/api/v1/mods?ids=${JSON.stringify(res.data)}`,
-      config
-    )
-
     const mods = res.data
 
     res = await axios.get(
@@ -94,18 +103,32 @@ export default {
       config
     )
 
-    res = await axios.get(
-      `https://api.modrinth.com/api/v1/versions?ids=${JSON.stringify(
-        res.data
-      )}`,
-      config
-    )
-
     return {
       mods,
       versions: res.data,
     }
   },
+  methods: {
+    async changeModStatus(id, status) {
+      const config = {
+        headers: {
+          Authorization: this.$auth.getToken('local')
+            ? this.$auth.getToken('local')
+            : '',
+        },
+      }
+
+      await axios.patch(
+        `https://api.modrinth.com/api/v1/mod/${id}`,
+        {
+          status,
+        },
+        config
+      )
+
+      await this.$router.go(0)
+    },
+  },
 }
 </script>
 
@@ -120,4 +143,8 @@ export default {
     font-weight: var(--font-weight-extrabold);
   }
 }
+
+.button {
+  margin: 0.25rem 0;
+}
 </style>

pages/dashboard/projects.vue

@@ -18,6 +18,7 @@
             Moderation
           </nuxt-link>
         </div>
+        <m-footer class="footer" />
         <client-only>
           <EthicalAd type="image" />
         </client-only>
@@ -47,7 +48,11 @@
           :edit-mode="true"
           :status="mod.status"
           :is-modrinth="true"
-        />
+        >
+          <nuxt-link class="button column" :to="'/mod/' + mod.id + '/edit'">
+            Edit
+          </nuxt-link>
+        </ModCard>
       </div>
     </div>
   </div>
@@ -57,6 +62,7 @@
 import axios from 'axios'
 import EthicalAd from '@/components/EthicalAd'
 import ModCard from '@/components/ProjectCard'
+import MFooter from '@/components/MFooter'
 
 import ModIcon from '~/assets/images/sidebar/mod.svg?inline'
 import ModerationIcon from '~/assets/images/sidebar/admin.svg?inline'
@@ -67,6 +73,7 @@ export default {
     ModCard,
     ModIcon,
     ModerationIcon,
+    MFooter,
   },
   async asyncData(data) {
     const config = {