add a button

src/client/js/components/Navbar/GrowiSubNavigation.jsx

@@ -126,7 +126,7 @@ const PageReactionButtons = ({ appContainer, pageContainer }) => {
 
 const GrowiSubNavigation = (props) => {
   const {
-    appContainer, navigationContainer, pageContainer, isCompactMode,
+    t, appContainer, navigationContainer, pageContainer, isCompactMode,
   } = props;
   const { isDrawerMode } = navigationContainer.state;
   const {
@@ -186,13 +186,21 @@ const GrowiSubNavigation = (props) => {
         <div className="d-flex flex-column align-items-end justify-content-center">
           <div className="d-flex">
             { !isPageInTrash && <PageReactionButtons appContainer={appContainer} pageContainer={pageContainer} /> }
-            <div className="mt-2">
-              {/* TODO: impl View / Edit / HackMD button group */}
-              {/* <div className="btn-group" role="group" aria-label="Basic example">
-              <button type="button" className="btn btn-outline-primary">Left</button>
-              <button type="button" className="btn btn-outline-primary">Middle</button>
-              <button type="button" className="btn btn-outline-primary">Right</button>
-            </div> */}
+          </div>
+          <div className="mt-2">
+            <div className="btn-group" role="group" aria-label="three-stranded-button">
+              <button type="button" className="btn btn-outline-primary">
+                <i className="icon-control-play icon-fw" />
+                { t('View') }
+              </button>
+              <button type="button" className="btn btn-outline-primary">
+                <i className="icon-note icon-fw" />
+                { t('Edit') }
+              </button>
+              <button type="button" className="btn btn-outline-primary">
+                <i className="fa fa-fw fa-file-text-o" />
+                { t('HackMD') }
+              </button>
             </div>
           </div>
         </div>