Merge pull request #2061 from threefoldtech/development_nodes_legend

add nodes legend

packages/playground/src/views/nodes.vue

@@ -273,6 +273,28 @@
         </v-row>
       </div>
     </div>
+    <div class="mx-auto mt-5 d-flex">
+      <div class="mr-6">
+        <v-chip color="success" class="mr-2">
+          <span class="text-subtitle-2"> Shared </span>
+        </v-chip>
+        <span class="text-subtitle-2">Multiple users can deploy on that node</span>
+      </div>
+
+      <div class="mr-6">
+        <v-chip color="warning" class="mr-2">
+          <span class="text-subtitle-2"> Rented </span>
+        </v-chip>
+        <span class="text-subtitle-2">Rented as full node for a single user</span>
+      </div>
+
+      <div class="mr-6">
+        <v-chip color="primary" class="mr-2">
+          <span class="text-subtitle-2"> Rentable </span>
+        </v-chip>
+        <span class="text-subtitle-2">You can rent it exclusively for your workloads</span>
+      </div>
+    </div>
 
     <node-details
       :filter-options="{ size, page, gpu: filters.gpu }"