From 569655095d672a54b39f3fddca229573be260605 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E4=B8=89=E5=92=B2=E6=99=BA=E5=AD=90?= <sxzz@sxzz.moe>
Date: Tue, 29 Nov 2022 04:02:44 +0800
Subject: [PATCH] feat(status): try to open in original site

---
 components/status/StatusNotFound.vue | 30 ++++++++++++++++++++++++++++
 pages/@[account]/[status].vue        |  4 +---
 2 files changed, 31 insertions(+), 3 deletions(-)
 create mode 100644 components/status/StatusNotFound.vue

diff --git a/components/status/StatusNotFound.vue b/components/status/StatusNotFound.vue
new file mode 100644
index 00000000..905cd1ae
--- /dev/null
+++ b/components/status/StatusNotFound.vue
@@ -0,0 +1,30 @@
+<script setup lang="ts">
+const { account, status } = defineProps<{
+  account: string
+  status: string
+}>()
+
+const originalUrl = computed(() => {
+  const [handle, _server] = account.split('@')
+  const server = _server || currentUser.value?.server
+  if (!server)
+    return null
+
+  return `https://${server}/@${handle}/${status}`
+})
+</script>
+
+<template>
+  <CommonNotFound>
+    <div flex="~ col center gap2">
+      <div>Status not found</div>
+
+      <NuxtLink v-if="originalUrl" :to="originalUrl" target="_blank">
+        <button btn-solid flex="~ center gap-2" px2 py1>
+          <div i-ri:arrow-right-up-line />
+          Try original site
+        </button>
+      </NuxtLink>
+    </div>
+  </CommonNotFound>
+</template>
diff --git a/pages/@[account]/[status].vue b/pages/@[account]/[status].vue
index 382a94cc..aa9df054 100644
--- a/pages/@[account]/[status].vue
+++ b/pages/@[account]/[status].vue
@@ -74,9 +74,7 @@ onReactivated(() => {
         <div border="t base" :style="{ height: `${bottomSpace}px` }" />
       </div>
 
-      <CommonNotFound v-else>
-        Status not found
-      </CommonNotFound>
+      <StatusNotFound v-else :account="$route.params.account" :status="id" />
     </template>
 
     <StatusCardSkeleton v-else border="b base" py-3 />