Display test : Changed the contents of Sidebar-icon to Growilogo

src/client/js/components/SidebarDockIcon.jsx

@@ -2,25 +2,52 @@ import React from 'react';
 
 const SidebarDockIcon = () => (
   <svg
-  xmlns="http://www.w3.org/2000/svg"
-  viewBox="0 0 23 23"
-  className="sidebar-mode-icon"
-  width="14"
-  height="14"
+    xmlns="http://www.w3.org/2000/svg"
+    width="32"
+    height="32"
+    viewBox="0 0 226.44 196.11"
   >
-  <defs>
-    <style>.cls-1{fill:none;}</style>
-  </defs>
-  <g id="レイヤー_2" data-name="レイヤー 2">
-    <g id="レイヤー_1-2" data-name="レイヤー 1">
-      <rect class="cls-1" width="23" height="23"/>
-      <path d="M20.86,3.92a.64.64,0,0,1,.64.63v13.9a.64.64,0,0,1-.64.63H2.14a.64.64,0,0,1-.64-.63V4.55a.64.64,0,0,1,.64-.63H20.86m0-1.5H2.14A2.13,2.13,0,0,0,0,4.55v13.9a2.13,2.13,0,0,0,2.14,2.13H20.86A2.13,2.13,0,0,0,23,18.45V4.55a2.13,2.13,0,0,0-2.14-2.13Z"/>
-      <rect x="7.49" y="3.05" width="1.2" height="16.91"/>
-    </g>
-  </g>
-</svg>
-
+    <path
+      d="M56.61 196.11L169.83 196.11 226.44 98.06 188.7 98.06 150.96 163.43 75.48 163.43 56.61 196.11z"
+      className="group2"
+    >
+    </path>
+    <path
+      // eslint-disable-next-line max-len
+      d="M75.48 98.05L94.35 65.37 150.96 65.38 207.57 65.37 207.57 65.38 226.44 98.06 169.83 98.06 113.22 98.06 94.39 130.66 94.3 130.66 84.92 114.4 75.48 98.05z"
+      className="group1"
+    >
+    </path>
+    <path
+      d="M0 98.06L56.6 0 113.22 0.01 169.83 0.01 169.83 0.01 188.69 32.68 132.09 32.69 75.47 32.69 18.86 130.74 0 98.06z"
+      className="group1"
+    >
+    </path>
+    <path
+      d="M75.48 163.43L56.61 130.74 37.71 163.46 47.15 179.81 56.54 196.07 56.63 196.07 75.48 163.43z"
+      className="group1"
+    >
+    </path>
+  </svg>
 );
 
-export default SidebarDockIcon;
+//   <svg
+//   xmlns="http://www.w3.org/2000/svg"
+//   viewBox="0 0 23 23"
+//   className="sidebar-mode-icon"
+//   width="14"
+//   height="14"
+//   >
+//   <defs>
+//     <style>.cls-1{fill:none;}</style>
+//   </defs>
+//   <g id="レイヤー_2" data-name="レイヤー 2">
+//     <g id="レイヤー_1-2" data-name="レイヤー 1">
+//       <rect class="cls-1" width="23" height="23"/>
+//       <path d="M20.86,3.92a.64.64,0,0,1,.64.63v13.9a.64.64,0,0,1-.64.63H2.14a.64.64,0,0,1-.64-.63V4.55a.64.64,0,0,1,.64-.63H20.86m0-1.5H2.14A2.13,2.13,0,0,0,0,4.55v13.9a2.13,2.13,0,0,0,2.14,2.13H20.86A2.13,2.13,0,0,0,23,18.45V4.55a2.13,2.13,0,0,0-2.14-2.13Z"/>
+//       <rect x="7.49" y="3.05" width="1.2" height="16.91"/>
+//     </g>
+//   </g>
+// </svg>
 
+export default SidebarDockIcon;

src/client/js/components/SidebarDrawerIcon.jsx

@@ -1,30 +1,50 @@
 import React from 'react';
 
-const Attachment = () => (
+const SidebarDrawerIcon = () => (
   <svg
     xmlns="http://www.w3.org/2000/svg"
-    viewBox="0 0 14 14"
-    className="table-top-icon"
-    width="20"
-    height="20"
+    width="32"
+    height="32"
+    viewBox="0 0 226.44 196.11"
   >
-    <g className="cls-1">
-      <path
-        d="M2.9,13a2,2,0,0,1-1.44-.63,2.28,2.28,0,0,1,0-3.23l7-7.38a2.48,2.48,0,0,1,1.22-.7,2.61,
-        2.61,0,0,1,1.41.09A3.46,3.46,0,0,1,12.37,2a3.94,3.94,0,0,1,.36.45A2.61,2.61,0,0,1,13,3a3.41,3.41,
-        0,0,1,.16.57,3.06,3.06,0,0,1-.82,2.75L7.07,11.86a.35.35,0,0,1-.26.13.4.4,0,0,1-.28-.1.47.47,0,0,
-        1-.12-.27.39.39,0,0,1,.11-.29l5.26-5.59a2.28,2.28,0,0,0,.65-1.62,2.07,2.07,0,0,0-.62-1.58A2.62,2.62,
-        0,0,0,11,1.93a2,2,0,0,0-1-.13,1.63,1.63,0,0,0-1,.5L2,9.67a1.52,1.52,0,0,0,0,2.16,1.28,1.28,0,0,0,
-        .44.3,1,1,0,0,0,.51.08,1.43,1.43,0,0,0,1-.49L9.49,5.84l.12-.13.11-.15a1.24,1.24,0,0,0,.1-.2,1.94,
-        1.94,0,0,0,0-.2.6.6,0,0,0,0-.22.66.66,0,0,0-.14-.2.57.57,0,0,0-.45-.22,1,1,0,0,0-.52.3L4.56,
-        9.25a.42.42,0,0,1-.17.1.34.34,0,0,1-.2,0A.4.4,0,0,1,4,9.26.34.34,0,0,1,3.89,9,.41.41,0,0,1,4,8.72L8.16,
-        4.28a1.7,1.7,0,0,1,1-.53,1.32,1.32,0,0,1,1.06.43,1.23,1.23,0,0,1,.4,1.05,1.8,1.8,0,0,1-.58,1.14L4.52,
-        12.26A2.3,2.3,0,0,1,3,13H2.9Z"
-      />
-    </g>
+    <path
+      d="M56.61 196.11L169.83 196.11 226.44 98.06 188.7 98.06 150.96 163.43 75.48 163.43 56.61 196.11z"
+      className="group2"
+    >
+    </path>
+    <path
+      // eslint-disable-next-line max-len
+      d="M75.48 98.05L94.35 65.37 150.96 65.38 207.57 65.37 207.57 65.38 226.44 98.06 169.83 98.06 113.22 98.06 94.39 130.66 94.3 130.66 84.92 114.4 75.48 98.05z"
+      className="group1"
+    >
+    </path>
+    <path
+      d="M0 98.06L56.6 0 113.22 0.01 169.83 0.01 169.83 0.01 188.69 32.68 132.09 32.69 75.47 32.69 18.86 130.74 0 98.06z"
+      className="group1"
+    >
+    </path>
+    <path
+      d="M75.48 163.43L56.61 130.74 37.71 163.46 47.15 179.81 56.54 196.07 56.63 196.07 75.48 163.43z"
+      className="group1"
+    >
+    </path>
   </svg>
 );
 
-export default Attachment;
 
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 23 23"><defs><style>.cls-1{fill:none;}</style></defs><g id="レイヤー_2" data-name="レイヤー 2"><g id="レイヤー_1-2" data-name="レイヤー 1"><rect class="cls-1" width="23" height="23"/><path d="M20.86,3.92a.64.64,0,0,1,.64.63v13.9a.64.64,0,0,1-.64.63H2.14a.64.64,0,0,1-.64-.63V4.55a.64.64,0,0,1,.64-.63H20.86m0-1.5H2.14A2.13,2.13,0,0,0,0,4.55v13.9a2.13,2.13,0,0,0,2.14,2.13H20.86A2.13,2.13,0,0,0,23,18.45V4.55a2.13,2.13,0,0,0-2.14-2.13Z"/><rect x="7.49" y="3.87" width="1.2" height="0.75"/><path d="M8.69,16.85H7.49V15.32h1.2Zm0-3.06H7.49V12.26h1.2Zm0-3H7.49V9.21h1.2Zm0-3.06H7.49V6.15h1.2Z"/><rect x="7.49" y="18.38" width="1.2" height="0.75"/><path d="M15.09,14.88a.58.58,0,0,1-.42-.17l-2.79-2.79a.6.6,0,0,1,0-.84l2.79-2.79a.6.6,0,0,1,.85.85L13.16,11.5l2.36,2.36a.61.61,0,0,1,0,.85A.59.59,0,0,1,15.09,14.88Z"/></g></g></svg>
+// const SidebarDrawerIcon = () => (
+//   <svg
+//     xmlns="http://www.w3.org/2000/svg"
+//     viewBox="0 0 14 14"
+//     width="20"
+//     height="20"
+//     >
+//     <defs><style>.cls-1{fill:none;}</style></defs>
+//     <rect class="cls-1" width="23" height="23"/>
+//     <path d="M20.86,3.92a.64.64,0,0,1,.64.63v13.9a.64.64,0,0,1-.64.63H2.14a.64.64,0,0,1-.64-.63V4.55a.64.64,0,0,1,.64-.63H20.86m0-1.5H2.14A2.13,2.13,0,0,0,0,4.55v13.9a2.13,2.13,0,0,0,2.14,2.13H20.86A2.13,2.13,0,0,0,23,18.45V4.55a2.13,2.13,0,0,0-2.14-2.13Z"/><rect x="7.49" y="3.87" width="1.2" height="0.75"/><path d="M8.69,16.85H7.49V15.32h1.2Zm0-3.06H7.49V12.26h1.2Zm0-3H7.49V9.21h1.2Zm0-3.06H7.49V6.15h1.2Z"/>
+//     <rect x="7.49" y="18.38" width="1.2" height="0.75"/><path d="M15.09,14.88a.58.58,0,0,1-.42-.17l-2.79-2.79a.6.6,0,0,1,0-.84l2.79-2.79a.6.6,0,0,1,.85.85L13.16,11.5l2.36,2.36a.61.61,0,0,1,0,.85A.59.59,0,0,1,15.09,14.88Z"/>
+//   </svg>
+);
+
+export default SidebarDrawerIcon;
+