Merge branch 'ui' of git.backyard.segmentfault.com:opensource/answer into ui

ui/src/components/Footer/index.tsx

@@ -1,16 +1,19 @@
 import React from 'react';
 import { Container } from 'react-bootstrap';
+import { Trans } from 'react-i18next';
 
 const Index = () => {
   return (
     <footer className="bg-light py-3">
       <Container>
         <p className="text-center mb-0 fs-14 text-secondary">
-          Built on
-          <a href="/"> Answer </a>
-          - the open source source software that power knowledge communities.
-          <br />
-          Made with love. © 2022 Answer .
+          <Trans i18nKey="footer.build_on">
+            Built on
+            <a href="/"> Answer </a>
+            - the open source source software that power knowledge communities.
+            <br />
+            Made with love. © 2022 Answer .
+          </Trans>
         </p>
       </Container>
     </footer>

ui/src/components/Questions/index.tsx

@@ -153,12 +153,17 @@ const QuestionList: FC<Props> = ({ source }) => {
                   <Icon name="hand-thumbs-up-fill" />
                   <em className="fst-normal mx-1">{li.vote_count}</em>
                 </span>
-                <span className="ms-3">
-                  {li.accepted_answer_id >= 1 ? (
-                    <Icon name="check-circle-fill" className="text-success" />
-                  ) : (
-                    <Icon name="chat-square-text-fill" />
-                  )}
+                <span
+                  className={`ms-3 ${
+                    li.accepted_answer_id >= 1 ? 'text-success' : ''
+                  }`}>
+                  <Icon
+                    name={
+                      li.accepted_answer_id >= 1
+                        ? 'check-circle-fill'
+                        : 'chat-square-text-fill'
+                    }
+                  />
                   <em className="fst-normal mx-1">{li.answer_count}</em>
                 </span>
                 <span className="summary-stat ms-3">

ui/src/i18n/locales/en.json

@@ -397,6 +397,9 @@
       "placeholder": "Search"
     }
   },
+  "footer": {
+    "build_on": "Build on <1> Answer </1>- the open source source software that power knowledge communities.<br />Made with love. © 2022 Answer."
+  },
   "upload_img": {
     "name": "Change",
     "loading": "loading..."
@@ -842,4 +845,4 @@
       }
     }
   }
-}
+}

ui/src/i18n/locales/zh_CN.json

@@ -55,5 +55,8 @@
         "different": "两次输入密码不一致"
       }
     }
+  },
+  "footer": {
+    "build_on": "由 <1> Answer </1>构建- 为知识社区提供动力的开源软件.<br />Made with love. © 2022 Answer ."
   }
 }