headscale api changes tags in node object for version 0.28 (#216)

src/lib/common/classes.ts

@@ -4,9 +4,7 @@ export class Device {
 	public givenName: string = '';
 	public lastSeen: string = '';
 	public ipAddresses: string[] = [];
-	public forcedTags: string[] = [];
-	public validTags: string[] = [];
-	public invalidTags: string[] = [];
+	public tags: string[] = [];
 	public approvedRoutes: string[] = [];
 	public availableRoutes: string[] = [];
 	public subnetRoutes: string[] = [];

src/lib/common/searching.svelte

@@ -23,7 +23,7 @@
     // only run if we have search contents set
 		if (get(deviceSearchStore)) {
 			let searcher = new Fuse(get(deviceStore), {
-				keys: ['id', 'givenName', 'name', 'forcedTags', 'validTags', 'user.name']
+				keys: ['id', 'givenName', 'name', 'tags', 'user.name']
 			});
 
       // search using the searchstore term, and take the resultant array contents and set it to userFilterStore

src/lib/devices/DeviceCard/DeviceTags.svelte

@@ -6,7 +6,7 @@
 	export let device = new Device();
 
 	function updateTagsAction(tag: String) {
-		let tagList = device.forcedTags;
+		let tagList = device.tags;
 		// remove tag we're trying to remove
 		tagList = tagList.filter(element => element !== tag); 
 
@@ -18,12 +18,14 @@
       $alertStore = error;
     });
 	}
+
+
 </script>
 
 <div class="flex gap-1">
 	<span><NewDeviceTag {device}/></span>
 
-	{#each device.forcedTags as tag}
+	{#each device.tags as tag}
 		<span class="btn btn-xs btn-primary normal-case">{tag.replace("tag:","")}
 		<!-- Cancel symbol -->
 		<button on:click|stopPropagation={() => {updateTagsAction(tag)}}

src/lib/devices/DeviceCard/DeviceTags/NewDeviceTag.svelte

@@ -9,7 +9,7 @@
 	export let device = new Device();
 
 	function updateTagsAction() {
-		let tagList = device.forcedTags;
+		let tagList = device.tags;
 		tagList.push(`tag:${newTag}`);
 		// remove duplicates
 		tagList = [...new Set(tagList)];