From 47e00af6b43c1586bcbb9d964b732680dbe8ee7f Mon Sep 17 00:00:00 2001
From: EnixCoda <enixcoda@gmail.com>
Date: Mon, 20 Jan 2020 00:57:42 +0800
Subject: [PATCH] feat: load Gitako when DOM content is loaded

---
 src/content.tsx | 13 ++++++++++---
 1 file changed, 10 insertions(+), 3 deletions(-)

diff --git a/src/content.tsx b/src/content.tsx
index c9eb923..2a9c318 100644
--- a/src/content.tsx
+++ b/src/content.tsx
@@ -7,7 +7,14 @@ import './content.less'
 
 addMiddleware(withErrorLog)
 
-const SideBarElement = document.createElement('div')
-document.body.appendChild(SideBarElement)
+function init() {
+  const SideBarElement = document.createElement('div')
+  document.body.appendChild(SideBarElement)
+  ReactDOM.render(<Gitako />, SideBarElement)
+}
 
-ReactDOM.render(<Gitako />, SideBarElement)
+if (document.readyState === 'loading') {
+  document.addEventListener('DOMContentLoaded', init)
+} else {
+  init()
+}