rename function

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

@@ -98,7 +98,7 @@ const GrowiSubNavigation = (props) => {
   // Tags cannot be edited while the new page and editorMode is view
   const isTagLabelHidden = (editorMode !== 'edit' && !isPageExist);
 
-  function onThreeStrandedButtonClicked(viewType) {
+  function onPageEditorModeButtonClicked(viewType) {
     navigationContainer.setEditorMode(viewType);
   }
 
@@ -134,7 +134,7 @@ const GrowiSubNavigation = (props) => {
           <div className={`${isEditorMode ? 'ml-2' : 'mt-2'}`}>
             {pageContainer.isAbleToShowThreeStrandedButton && (
               <PageEditorModeManager
-                onThreeStrandedButtonClicked={onThreeStrandedButtonClicked}
+                onPageEditorModeButtonClicked={onPageEditorModeButtonClicked}
                 isBtnDisabled={isGuestUser}
                 editorMode={editorMode}
                 isDeviceSmallerThanMd={isDeviceSmallerThanMd}

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

@@ -29,18 +29,18 @@ const PageEditorModeButtonWrapper = React.memo(({
 
 function PageEditorModeManager(props) {
   const {
-    t, editorMode, onThreeStrandedButtonClicked, isBtnDisabled, isDeviceSmallerThanMd,
+    t, editorMode, onPageEditorModeButtonClicked, isBtnDisabled, isDeviceSmallerThanMd,
   } = props;
 
 
-  const threeStrandedButtonClickedHandler = useCallback((viewType) => {
+  const pageEditorModeButtonClickedHandler = useCallback((viewType) => {
     if (isBtnDisabled) {
       return;
     }
-    if (onThreeStrandedButtonClicked != null) {
-      onThreeStrandedButtonClicked(viewType);
+    if (onPageEditorModeButtonClicked != null) {
+      onPageEditorModeButtonClicked(viewType);
     }
-  }, [isBtnDisabled, onThreeStrandedButtonClicked]);
+  }, [isBtnDisabled, onPageEditorModeButtonClicked]);
 
   return (
     <>
@@ -54,7 +54,7 @@ function PageEditorModeManager(props) {
           <PageEditorModeButtonWrapper
             editorMode={editorMode}
             isBtnDisabled={isBtnDisabled}
-            onClick={threeStrandedButtonClickedHandler}
+            onClick={pageEditorModeButtonClickedHandler}
             targetMode="view"
           >
             <i className="icon-control-play icon-fw grw-page-editor-mode-manager-icon" />
@@ -65,7 +65,7 @@ function PageEditorModeManager(props) {
           <PageEditorModeButtonWrapper
             editorMode={editorMode}
             isBtnDisabled={isBtnDisabled}
-            onClick={threeStrandedButtonClickedHandler}
+            onClick={pageEditorModeButtonClickedHandler}
             targetMode="edit"
           >
             <i className="icon-note icon-fw grw-page-editor-mode-manager-icon" />
@@ -76,7 +76,7 @@ function PageEditorModeManager(props) {
           <PageEditorModeButtonWrapper
             editorMode={editorMode}
             isBtnDisabled={isBtnDisabled}
-            onClick={threeStrandedButtonClickedHandler}
+            onClick={pageEditorModeButtonClickedHandler}
             targetMode="hackmd"
           >
             <i className="fa fa-fw fa-file-text-o grw-page-editor-mode-manager-icon" />
@@ -96,7 +96,7 @@ function PageEditorModeManager(props) {
 
 PageEditorModeManager.propTypes = {
   t: PropTypes.func.isRequired, //  i18next
-  onThreeStrandedButtonClicked: PropTypes.func,
+  onPageEditorModeButtonClicked: PropTypes.func,
   isBtnDisabled: PropTypes.bool,
   editorMode: PropTypes.string,
   isDeviceSmallerThanMd: PropTypes.bool,