create WatchButton component

packages/app/src/components/Navbar/SubNavButtons.jsx

@@ -7,6 +7,7 @@ import { withUnstatedContainers } from '../UnstatedUtils';
 
 import BookmarkButton from '../BookmarkButton';
 import LikeButton from '../LikeButton';
+import WatchButton from '../WatchButton';
 import PageManagement from '../Page/PageManagement';
 
 const SubnavButtons = (props) => {
@@ -21,6 +22,9 @@ const SubnavButtons = (props) => {
 
     return (
       <>
+        <span>
+          <WatchButton />
+        </span>
         {pageContainer.isAbleToShowLikeButton && (
           <span>
             <LikeButton />

packages/app/src/components/WatchButton.jsx

@@ -0,0 +1,15 @@
+import React from 'react';
+import { withTranslation } from 'react-i18next';
+
+const WatchButton = () => {
+
+  return (
+    <>
+      <p>Hello Watch Button</p>
+    </>
+  );
+
+};
+
+
+export default withTranslation()(WatchButton);