fix searching

packages/next/components/PostTeaser.tsx

@@ -1,8 +1,8 @@
-import { THEME } from '~/assets/global'
-import { formatDate } from '~/assets/util'
 import { IPost } from '~/server/db'
 import Link from 'next/link'
 
+import TitleDescription from './TitleDesciption'
+
 const PostTeaser = ({ post }: { post: IPost }) => {
   return (
     <section>
@@ -12,31 +12,8 @@ const PostTeaser = ({ post }: { post: IPost }) => {
         </Link>
       </h2>
 
-      <small>
-        <span>
-          by&nbsp;
-          {THEME.author.url ? (
-            <a
-              href={THEME.author.url}
-              target="_blank"
-              rel="noopener noreferrer"
-            >
-              {THEME.author.name}
-            </a>
-          ) : (
-            <span>{THEME.author.name}</span>
-          )}
-        </span>
-
-        {post.date ? (
-          <span style={{ float: 'right' }}>{formatDate(post.date)}</span>
-        ) : null}
-      </small>
-
-      <article
-        style={{ marginTop: '2rem' }}
-        dangerouslySetInnerHTML={{ __html: post.excerptHtml }}
-      ></article>
+      <TitleDescription date={post.date} />
+      <article dangerouslySetInnerHTML={{ __html: post.excerptHtml }}></article>
     </section>
   )
 }