Edit date docs

web/pages/date-docs/[username].tsx

@@ -18,6 +18,9 @@ import { Button } from 'web/components/button'
 import { track } from '@amplitude/analytics-browser'
 import toast from 'react-hot-toast'
 import { copyToClipboard } from 'web/lib/util/copy'
+import { useUser } from 'web/hooks/use-user'
+import { RichEditPost } from '../post/[...slugs]'
+import { usePost } from 'web/hooks/use-post'
 
 export async function getStaticProps(props: { params: { username: string } }) {
   const { username } = props.params
@@ -65,6 +68,9 @@ export function DateDocPost(props: {
   const { content, birthday, photoUrl, contractSlug } = dateDoc
   const { name, username } = creator
 
+  const user = useUser()
+  const post = usePost(dateDoc.id) ?? dateDoc
+
   const age = dayjs().diff(birthday, 'year')
   const shareUrl = `https://${DOMAIN}/date-docs/${username}`
   const marketUrl = `https://${DOMAIN}/${username}/${contractSlug}`
@@ -115,7 +121,11 @@ export function DateDocPost(props: {
         </Col>
       </SiteLink>
       <Spacer h={6} />
+      {user && user.id === creator.id ? (
+        <RichEditPost post={post} />
+      ) : (
         <Content content={content} />
+      )}
       <Spacer h={6} />
       <div className="mt-10 w-full max-w-lg self-center rounded-xl bg-gradient-to-r from-blue-200 via-purple-200 to-indigo-300 p-5">
         <iframe

web/pages/post/[...slugs]/index.tsx

@@ -164,7 +164,7 @@ export function PostCommentsActivity(props: {
   )
 }
 
-function RichEditPost(props: { post: Post }) {
+export function RichEditPost(props: { post: Post }) {
   const { post } = props
   const [editing, setEditing] = useState(false)
   const [isSubmitting, setIsSubmitting] = useState(false)