fix: tags

Author: shanejonas

src/Methods/Methods.test.tsx

@@ -150,7 +150,14 @@ it("renders schema methods tags", () => {
             ],
           },
         },
-        tags: ["tag3", "tag4"],
+        tags: [
+          {
+            name: "tag3",
+          },
+          {
+            name: "tag4",
+          }
+        ]
       },
       {
         result: {
@@ -172,7 +179,14 @@ it("renders schema methods tags", () => {
             ],
           },
         },
-        tags: ["salad", "mytag"],
+        tags: [
+          {
+            name: "salad",
+          },
+          {
+            name: "mytag",
+          },
+        ],
       },
     ],
   };

src/Tags/Tags.test.tsx

@@ -11,7 +11,14 @@ it("renders empty with empty tags", () => {
 
 it("renders schema tags", () => {
   const div = document.createElement("div");
-  const tags = ["salad", "mytag"];
+  const tags = [
+    {
+      name: "salad",
+    },
+    {
+      name: "mytag",
+    }
+  ];
   ReactDOM.render(<Tags tags={tags} />, div);
   expect(div.innerHTML.includes("salad")).toBe(true);
   expect(div.innerHTML.includes("mytag")).toBe(true);

src/Tags/Tags.tsx

@@ -4,12 +4,12 @@ import { Chip } from "@material-ui/core";
 const hashColor = require("hash-color-material");
 
 interface IProps {
-  tags?: string[];
+  tags?: types.TagObject[];
 }
 
 export default class Tags extends Component<IProps> {
   public render() {
-    const { tags } = this.props;
+    const { tags }: { tags?: any} = this.props;
     if (!tags || tags.length === 0) {
       return null;
     }
@@ -19,9 +19,10 @@ export default class Tags extends Component<IProps> {
           tags.map((tag: any, k: number) => {
             return (
               <Chip
-                key={tag}
-                label={tag}
-                style={{ backgroundColor: hashColor.getColorFromString(tag, false) }} />
+                key={tag.name}
+                label={tag.name}
+                style={{ backgroundColor: hashColor.getColorFromString(tag.name, false) }}
+              />
             );
           })
         }