Frontend: Fixed showing media in profiles

fe_calckey/frontend/client/src/pages/user/index.photos.vue

@@ -29,7 +29,6 @@
 
 <script lang="ts" setup>
 import { onMounted } from "vue";
-import * as misskey from "calckey-js";
 import { getStaticImageUrl } from "@/scripts/get-static-image-url";
 import { notePage } from "@/filters/note";
 import * as os from "@/os";
@@ -38,6 +37,7 @@ import ImgWithBlurhash from "@/components/MkImgWithBlurhash.vue";
 import { defaultStore } from "@/store";
 import { i18n } from "@/i18n";
 import { packed } from "magnetar-common";
+import { resolveNote } from "@/scripts-mag/mag-util";
 
 const props = defineProps<{
     user: packed.PackUserBase;
@@ -46,15 +46,15 @@ const props = defineProps<{
 let fetching = $ref(true);
 let images = $ref<
     {
-        note: misskey.entities.Note;
-        file: misskey.entities.DriveFile;
+        note: packed.PackNoteMaybeAttachments;
+        file: packed.PackDriveFileBase;
     }[]
 >([]);
 
-function thumbnail(image: misskey.entities.DriveFile): string {
+function thumbnail(image: packed.PackDriveFileBase): string {
     return defaultStore.state.disableShowingAnimatedImages
-        ? getStaticImageUrl(image.thumbnailUrl)
-        : image.thumbnailUrl;
+        ? getStaticImageUrl(image.thumbnail_url)
+        : image.thumbnail_url;
 }
 
 onMounted(() => {
@@ -71,9 +71,11 @@ onMounted(() => {
         fileType: image,
         excludeNsfw: defaultStore.state.nsfw !== "ignore",
         limit: 10,
-    }).then((notes) => {
+    })
+        .then((n) => Promise.all(n.map(resolveNote)))
+        .then((notes) => {
             for (const note of notes) {
-            for (const file of note.files) {
+                for (const file of note.attachments) {
                     images.push({
                         note,
                         file,

fe_calckey/frontend/client/src/pages/user/index.timeline.vue

@@ -29,7 +29,8 @@ const pagination = {
     limit: 10,
     params: computed(() => ({
         userId: props.user.id,
-        includeReplies: include.value === "replies",
+        includeReplies:
+            include.value === "replies" || include.value === "files",
         withFiles: include.value === "files",
     })),
 };