Merge pull request #49 from opticrd/dev-ci-cd

Dev ci cd

.github/workflows/clean.yml

@@ -25,7 +25,7 @@ jobs:
         uses: rlespinasse/github-slug-action@v3.x
 
       - name: Set up Cloud SDK
-        uses: google-github-actions/setup-gcloud@main
+        uses: google-github-actions/setup-gcloud@master
         with:
           project_id: ${{ secrets.GCP_PROJECT }}
           service_account_key: ${{ secrets.GAR_JSON_KEY }}

components/apis/markdown-viewer.tsx

@@ -1,32 +1,11 @@
-import { useEffect } from 'react'
 import { marked } from 'marked';
 
 export default function MarkdownViewer({ content }: { content: string }) {
   const stylesheetTag = '<link rel="stylesheet" href="/css/markdown.css" />'
   const html = stylesheetTag + marked.parse(content)
 
-  const updateSize = (frame: any) => {
-    frame.style.height =
-      420 + frame.contentWindow.document.body.scrollHeight + 'px'
-    frame.style.width = '100%'
-  }
-  useEffect(() => {
-    const frame = document.getElementById('md-frame') as any
-
-    const doc = frame ? frame.contentWindow?.document : null
-    if (doc) {
-      doc.open()
-      doc.write(html)
-      doc.close()
-
-      updateSize(frame)
-    }
-    return () => { }
-  }, [content, html])
-
   return (
-    <div className="relative">
-      <iframe id="md-frame"></iframe>
+    <div className="relative markdown-viewer" dangerouslySetInnerHTML={{ __html: html }}>
     </div>
   )
 }