Finished translations / bug fixes

components/icons/GraphIcon.tsx

@@ -0,0 +1,24 @@
+import { FC } from 'react'
+import styles from './Icon.module.css'
+import cx from 'classnames'
+
+interface Props {
+  className?: string
+}
+
+export const GraphIcon: FC<Props> = ({ className }) => {
+  return (
+    <svg
+      version='1.1'
+      viewBox='0 0 50 50'
+      xmlSpace='preserve'
+      xmlns='http://www.w3.org/2000/svg'
+      xmlnsXlink='http://www.w3.org/1999/xlink'
+      className={cx(styles.icon, className)}
+    >
+      <g id='Layer_1'>
+        <path d='M13,37H8V26h16v11h-5v12h12V37h-5V26h16v11h-5v12h12V37h-5V24H26V13h7V1H17v12h7v11H6v13H1v12h12V37z M29,47h-8v-8h8V47z M47,47h-8v-8h8V47z M19,3h12v8H19V3z M11,47H3v-8h8V47z' />
+      </g>
+    </svg>
+  )
+}

components/icons/Icon.module.css

@@ -0,0 +1,11 @@
+.icon {
+    height: 1em;
+    padding-inline: 0.5ch;
+    transform: translateY(0.1em);
+}
+
+@media (prefers-color-scheme: dark) {
+    .icon {
+        filter: invert(100%);
+    }
+}

components/icons/LeftClickIcon.tsx

@@ -0,0 +1,32 @@
+import { FC } from 'react'
+import styles from './Icon.module.css'
+import cx from 'classnames'
+
+interface Props {
+  className?: string
+  classBody?: string
+  classClick?: string
+}
+
+export const LeftClickIcon: FC<Props> = ({ className, classBody, classClick }) => {
+  return (
+    <svg
+      xmlns='http://www.w3.org/2000/svg'
+      version='1.1'
+      x='0px'
+      y='0px'
+      viewBox='0 0 100 100'
+      className={cx(styles.icon, className)}
+    >
+      <path
+        className={classBody}
+        d='M51.552,8.117v32.554l-3.095,0.009c-9.203,0.027-17.447,0.297-24.509,0.803l-0.291,0.021  c-0.026,1.733-0.036,3.521-0.036,5.378c0,24.854,1.527,45,26.379,45c24.854,0,26.379-20.146,26.379-45  C76.379,22.563,74.903,8.701,51.552,8.117z'
+      />
+      <path
+        className={classClick}
+        id='click'
+        d='M48.448,37.577V8.117C27.971,8.629,24.313,19.354,23.727,38.388C29.914,37.945,38.002,37.607,48.448,37.577z'
+      />
+    </svg>
+  )
+}