Change file and component name.

src/client/js/components/Fab.jsx

@@ -6,7 +6,7 @@ import StickyEvents from 'sticky-events';
 
 import NavigationContainer from '../services/NavigationContainer';
 import { withUnstatedContainers } from './UnstatedUtils';
-import EditNewPageIcon from './Icons/EditNewPageIcon';
+import NewPageIcon from './Icons/NewPageIcon';
 import ReturnTopIcon from './Icons/ReturnTopIcon';
 
 const logger = loggerFactory('growi:cli:Fab');
@@ -48,7 +48,7 @@ const Fab = (props) => {
           className="btn btn-lg btn-create-page btn-primary rounded-circle p-0 waves-effect waves-light"
           onClick={navigationContainer.openPageCreateModal}
         >
-          <EditNewPageIcon />
+          <NewPageIcon />
         </button>
       </div>
       <div className={`rounded-circle position-absolute ${animateClasses}`} style={{ bottom: 0, right: 0 }}>

src/client/js/components/Icons/DarkModeIcon.jsx → src/client/js/components/Icons/MoonIcon.jsx

@@ -1,6 +1,6 @@
 import React from 'react';
 
-const DarkModeIcon = () => (
+const MoonIcon = () => (
   <svg
     xmlns="http://www.w3.org/2000/svg"
     width="18"
@@ -19,4 +19,4 @@ const DarkModeIcon = () => (
 );
 
 
-export default DarkModeIcon;
+export default MoonIcon;

src/client/js/components/Icons/EditNewPageIcon.jsx → src/client/js/components/Icons/NewPageIcon.jsx

@@ -1,6 +1,6 @@
 import React from 'react';
 
-const EditNewPageIcon = () => (
+const NewPageIcon = () => (
   <svg
     xmlns="http://www.w3.org/2000/svg"
     width="27"
@@ -25,4 +25,4 @@ const EditNewPageIcon = () => (
 );
 
 
-export default EditNewPageIcon;
+export default NewPageIcon;

src/client/js/components/Icons/LightModeIcon.jsx → src/client/js/components/Icons/SunIcon.jsx

@@ -1,6 +1,6 @@
 import React from 'react';
 
-const LightModeIcon = () => (
+const SunIcon = () => (
   <svg
     xmlns="http://www.w3.org/2000/svg"
     width="18"
@@ -27,4 +27,4 @@ const LightModeIcon = () => (
 );
 
 
-export default LightModeIcon;
+export default SunIcon;

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

@@ -22,8 +22,8 @@ import UserPicture from '../User/UserPicture';
 
 import SidebarDrawerIcon from '../Icons/SidebarDrawerIcon';
 import SidebarDockIcon from '../Icons/SidebarDockIcon';
-import DarkModeIcon from '../Icons/DarkModeIcon';
-import LightModeIcon from '../Icons/LightModeIcon';
+import MoonIcon from '../Icons/MoonIcon';
+import SunIcon from '../Icons/SunIcon';
 
 
 const PersonalDropdown = (props) => {
@@ -100,13 +100,13 @@ const PersonalDropdown = (props) => {
 
   const LightIcon = props => (
     <>
-      <div id={props.id} className={`px-2 lightmode-icon ${useOsSettings ? 'use-os-settings' : ''}`}><LightModeIcon /></div>
+      <div id={props.id} className={`px-2 lightmode-icon ${useOsSettings ? 'use-os-settings' : ''}`}><SunIcon /></div>
       <UncontrolledTooltip placement="bottom" fade={false} target={props.id}>Light</UncontrolledTooltip>
     </>
   );
   const DarkIcon = props => (
     <>
-      <div id={props.id} className={`px-2 darkmode-icon ${useOsSettings ? 'use-os-settings' : ''}`}><DarkModeIcon /></div>
+      <div id={props.id} className={`px-2 darkmode-icon ${useOsSettings ? 'use-os-settings' : ''}`}><MoonIcon /></div>
       <UncontrolledTooltip placement="bottom" fade={false} target={props.id}>Dark</UncontrolledTooltip>
     </>
   );