Merge pull request #572 from systemli/feat/auto_dismiss_reload_info

💄 Automatically dismiss reload info message after 10 seconds

src/components/ReloadInfo.tsx

@@ -1,4 +1,4 @@
-import { FC, useCallback, useState } from 'react'
+import { FC, useCallback, useEffect, useState } from 'react'
 import { Message } from 'semantic-ui-react'
 
 const ReloadInfo: FC = () => {
@@ -9,6 +9,13 @@ const ReloadInfo: FC = () => {
     localStorage.setItem('showReloadInfo', '0')
   }, [])
 
+  useEffect(() => {
+    const timeoutId = setTimeout(() => {
+      setShowReloadInfo(false)
+    }, 10000)
+    return () => clearTimeout(timeoutId)
+  }, [])
+
   return (
     <Message
       color="teal"