Tags component

src/components/main/SidePane/styles.scss

@@ -45,7 +45,6 @@
     }
   }
 }
-
 .btn {
   height: 54px;
   box-shadow: inset transparentize(black, 0.9) 0 -1px, inset transparentize(white, 0.95) 0 1px;

src/components/node/Tag/styles.scss

@@ -26,7 +26,6 @@
 
   &:global(.green) {
     background: $green_gradient;
-    color: transparentize(black, 0.4);
   }
 
   &:global(.olive) {

src/components/node/Tags/index.tsx

@@ -0,0 +1,25 @@
+import React, {FC, HTMLAttributes} from 'react';
+import {TagField} from "~/components/containers/TagField";
+import {ITag} from "~/redux/types";
+import {Tag} from "~/components/node/Tag";
+
+type IProps = HTMLAttributes<HTMLDivElement> & {
+  tags: ITag[];
+}
+
+export const Tags: FC<IProps> = ({
+  tags,
+  ...props
+}) => (
+  <TagField {...props}>
+    {
+      tags.map(tag => (
+        <Tag
+          key={tag.title}
+          title={tag.title}
+          feature={tag.feature}
+        />
+      ))
+    }
+  </TagField>
+);