diff --git a/components/attachment/Carousel.vue b/components/attachment/Carousel.vue
index 0b52288..1b9cc6f 100644
--- a/components/attachment/Carousel.vue
+++ b/components/attachment/Carousel.vue
@@ -8,7 +8,7 @@
   >
     <v-carousel-item v-for="item in metadata" class="fill-height">
       <nuxt-link v-if="item.mimetype.split('/')[0] == 'image' && !props.noClickableAttachment"
-                 :to="`/gallery/${item.id}`">
+                 :to="`/gallery/${item.rid}`">
         <attachment-renderer :item="item" />
       </nuxt-link>
       <div v-else>
@@ -19,7 +19,7 @@
 </template>
 
 <script setup lang="ts">
-const props = defineProps<{ attachments: number[], noClickableAttachment?: boolean }>()
+const props = defineProps<{ attachments: string[], noClickableAttachment?: boolean }>()
 const emits = defineEmits(["update:metadata"])
 
 const config = useRuntimeConfig()
@@ -30,8 +30,4 @@ const metadata = computed(() => data.value.data)
 watch(metadata, (value) => {
   emits("update:metadata", value)
 }, { deep: true, immediate: true })
-
-function getAttachmentUrl(id: number) {
-  return `${config.public.solarNetworkApi}/cgi/uc/attachments/${id}`
-}
 </script>
diff --git a/components/attachment/Renderer.vue b/components/attachment/Renderer.vue
index fb1f68a..99cfaa8 100644
--- a/components/attachment/Renderer.vue
+++ b/components/attachment/Renderer.vue
@@ -17,9 +17,9 @@
       </v-col>
     </v-row>
   </v-sheet>
-  <v-img v-else-if="item.mimetype.split('/')[0] == 'image'" :src="getAttachmentUrl(item.id)" :alt="item.alt"
+  <v-img v-else-if="item.mimetype.split('/')[0] == 'image'" :src="getAttachmentUrl(item.rid)" :alt="item.alt"
          class="w-full h-full" cover />
-  <video v-else-if="item.mimetype.split('/')[0] == 'video'" :src="getAttachmentUrl(item.id)" class="w-full h-full"
+  <video v-else-if="item.mimetype.split('/')[0] == 'video'" :src="getAttachmentUrl(item.rid)" class="w-full h-full"
          controls @click.stop />
   <v-sheet v-else color="rgba(0, 0, 0, .4)" height="calc(100% + 24px)" class="p-5">
     <v-row class="fill-height" align="center" justify="center">
@@ -55,7 +55,7 @@ const item = computed(() => props.item)
 
 const showMature = ref(false)
 
-function getAttachmentUrl(id: number) {
+function getAttachmentUrl(id: string) {
   return `${config.public.solarNetworkApi}/cgi/uc/attachments/${id}`
 }
 </script>
diff --git a/pages/embed/gallery/index.vue b/pages/embed/gallery/index.vue
index 3486831..4ffe29e 100644
--- a/pages/embed/gallery/index.vue
+++ b/pages/embed/gallery/index.vue
@@ -6,7 +6,7 @@
     </div>
 
     <div class="album">
-      <v-card v-for="item in items" class="album-item mb-3" :to="`/gallery/${item.id}`">
+      <v-card v-for="item in items" class="album-item mb-3" :to="`/gallery/${item.rid}`">
         <attachment-renderer :item="item" />
       </v-card>
 
diff --git a/pages/gallery/index.vue b/pages/gallery/index.vue
index 11c2714..8191d8e 100644
--- a/pages/gallery/index.vue
+++ b/pages/gallery/index.vue
@@ -6,7 +6,7 @@
     </div>
 
     <div class="album">
-      <v-card v-for="item in items" class="album-item mb-3" :to="`/gallery/${item.id}`">
+      <v-card v-for="item in items" class="album-item mb-3" :to="`/gallery/${item.rid}`">
         <attachment-renderer :item="item" />
       </v-card>