pipelight - add support for pclass icons in workspace

pipeos-one · Mar 22, 2020 · 905f772 · 905f772
1 parent 717f2af
commit 905f772
Show file tree

Hide file tree

Showing 3 changed files with 88 additions and 2 deletions.
diff --git a/packages/packages/react-pipeos-components/src/PclassList.js b/packages/packages/react-pipeos-components/src/PclassList.js
@@ -41,6 +41,15 @@ export default class PclassList extends Component {
     });
     const btnOffset = headerButtons.length * this.buttonOffset + 110;
 
+    const itemIcons = (item.icons || []).map(icon => {
+      return (
+        <Thumbnail
+          source={{ uri: icon.uri }}
+          style={{ height: 15, width: 15, borderRadius: 5, marginLeft: 5 }}
+        />
+      )
+    })
+
     return (
       <View
         style={{
@@ -52,11 +61,12 @@ export default class PclassList extends Component {
         }}
       >
 
-        <View style={{flexDirection: 'row'}}>
+        <View style={{flexDirection: 'row', alignItems: 'center'}}>
           {expanded
             ? <Icon style={{ fontSize: 18 }} name='remove-circle' />
             : <Icon style={{ fontSize: 18 }} name='add-circle' />
           }
+          {itemIcons}
           <Text
             style={{ fontFamily: null, fontWeight: '400', paddingLeft: 10, maxWidth: this.props.styles.minWidth - btnOffset }}
           >

diff --git a/pipelight/public/wasm_type.svg b/pipelight/public/wasm_type.svg
diff --git a/pipelight/src/components/Workspace.js b/pipelight/src/components/Workspace.js
@@ -83,6 +83,13 @@ export default class Workspace extends Component {
       maxHeight: props.styles.height - 36,
     }
 
+    const treedataWithIcons = treedata.map(item => {
+      item.icons = (item.metadata.languages || item.metadata.categories).map(lang => {
+        return {uri: `/${lang}_type.svg`};
+      });
+      return item;
+    });
+
     const tabButtons = [];
     tabButtons.push((
       <Button
@@ -119,7 +126,7 @@ export default class Workspace extends Component {
     } else {
       mainView = treedata.length > 0
         ? <PclassList
-            data={treedata}
+            data={treedataWithIcons}
             buttons={contractButtons}
             styles={props.styles}
             buttonStyle={styles.buttonStyle}