feature(Project): add ability to create new task groups

web/src/shared/icons/Ellipsis.tsx

@@ -0,0 +1,21 @@
+import React from 'react';
+
+type Props = {
+  size: number | string;
+  color: string;
+};
+
+const Ellipsis = ({ size, color }: Props) => {
+  return (
+    <svg fill={color} xmlns="http://www.w3.org/2000/svg" width={size} height={size} viewBox="0 0 512 512">
+      <path d="M328 256c0 39.8-32.2 72-72 72s-72-32.2-72-72 32.2-72 72-72 72 32.2 72 72zm104-72c-39.8 0-72 32.2-72 72s32.2 72 72 72 72-32.2 72-72-32.2-72-72-72zm-352 0c-39.8 0-72 32.2-72 72s32.2 72 72 72 72-32.2 72-72-32.2-72-72-72z" />
+    </svg>
+  );
+};
+
+Ellipsis.defaultProps = {
+  size: 16,
+  color: '#000',
+};
+
+export default Ellipsis;

web/src/shared/icons/Plus.tsx

@@ -0,0 +1,21 @@
+import React from 'react';
+
+type Props = {
+  size: number | string;
+  color: string;
+};
+
+const Plus = ({ size, color }: Props) => {
+  return (
+    <svg fill={color} xmlns="http://www.w3.org/2000/svg" width={size} height={size} viewBox="0 0 16 16">
+      <path d="M15.5 6h-5.5v-5.5c0-0.276-0.224-0.5-0.5-0.5h-3c-0.276 0-0.5 0.224-0.5 0.5v5.5h-5.5c-0.276 0-0.5 0.224-0.5 0.5v3c0 0.276 0.224 0.5 0.5 0.5h5.5v5.5c0 0.276 0.224 0.5 0.5 0.5h3c0.276 0 0.5-0.224 0.5-0.5v-5.5h5.5c0.276 0 0.5-0.224 0.5-0.5v-3c0-0.276-0.224-0.5-0.5-0.5z" />
+    </svg>
+  );
+};
+
+Plus.defaultProps = {
+  size: 16,
+  color: '#000',
+};
+
+export default Plus;

web/src/shared/icons/index.ts

@@ -1,4 +1,5 @@
 import Cross from './Cross';
+import Plus from './Plus';
 import Bell from './Bell';
 import Bin from './Bin';
 import Pencil from './Pencil';
@@ -11,5 +12,6 @@ import Home from './Home';
 import Stack from './Stack';
 import Question from './Question';
 import Exit from './Exit';
+import Ellipsis from './Ellipsis';
 
-export { Cross, Bell, Bin, Exit, Pencil, Stack, Question, Home, Citadel, Checkmark, User, Users, Lock };
+export { Cross, Plus, Bell, Ellipsis, Bin, Exit, Pencil, Stack, Question, Home, Citadel, Checkmark, User, Users, Lock };