From 8a92d7b82c2c17748d1fe76cc894c5c6833e6e4c Mon Sep 17 00:00:00 2001
From: DIYgod <i@diygod.me>
Date: Sat, 8 Jul 2023 01:02:48 +0100
Subject: [PATCH] feat: post modal open site home

---
 src/app/@modal/(.)post/[site]/[slug]/page.tsx |  2 +-
 src/components/home/PostModal.tsx             | 29 +++++++++++++++----
 2 files changed, 25 insertions(+), 6 deletions(-)

diff --git a/src/app/@modal/(.)post/[site]/[slug]/page.tsx b/src/app/@modal/(.)post/[site]/[slug]/page.tsx
index 2298bbcb..dc37dec2 100644
--- a/src/app/@modal/(.)post/[site]/[slug]/page.tsx
+++ b/src/app/@modal/(.)post/[site]/[slug]/page.tsx
@@ -55,7 +55,7 @@ export default async function SiteModal({
   }
 
   return (
-    <PostModal>
+    <PostModal handle={site?.handle}>
       <div className="pb-16">
         <SiteHeader
           handle={params.site}
diff --git a/src/components/home/PostModal.tsx b/src/components/home/PostModal.tsx
index ddcf2981..9591a5a5 100644
--- a/src/components/home/PostModal.tsx
+++ b/src/components/home/PostModal.tsx
@@ -4,8 +4,17 @@ import { useRouter } from "next/navigation"
 import { useEffect, useState } from "react"
 
 import { Modal } from "~/components/ui/Modal"
+import { getSiteLink } from "~/lib/helpers"
 
-export default function SiteModal({ children }: { children: JSX.Element }) {
+import { UniLink } from "../ui/UniLink"
+
+export default function PostModal({
+  handle,
+  children,
+}: {
+  handle: string
+  children: JSX.Element
+}) {
   const router = useRouter()
   const [open, setOpen] = useState(false)
 
@@ -16,19 +25,29 @@ export default function SiteModal({ children }: { children: JSX.Element }) {
   return (
     <Modal
       open={open}
-      boxClassName="pt-12"
+      // boxClassName="pt-12"
       panelClassName="max-w-[888px] rounded-xl relative overflow-visible"
       zIndex={9}
       setOpen={() => router.back()}
     >
       <div
-        className="text-3xl absolute bottom-full text-white cursor-pointer"
+        className="text-3xl absolute right-full text-white cursor-pointer mr-2 mt-2 space-y-2"
         onClick={() => {
-          window.open(window.location.href)
           router.back()
         }}
       >
-        <i className="icon-[mingcute--expand-player-line]" />
+        <UniLink className="block" href={window.location.href} target="_blank">
+          <i className="icon-[mingcute--expand-player-line]" />
+        </UniLink>
+        <UniLink
+          className="block"
+          href={getSiteLink({
+            subdomain: handle,
+          })}
+          target="_blank"
+        >
+          <i className="icon-[mingcute--user-3-line]" />
+        </UniLink>
       </div>
       <div className="h-full overflow-y-auto rounded-xl">{children}</div>
     </Modal>