tags owned by device are loaded with device page data, adding tag is object agnostic

src/pages/Device.tsx

@@ -24,6 +24,7 @@ export default function DevicePage() {
   const [loading, setLoading] = useState(false)
   const [permissions, setPermissions] = useState<pond.Permission[]>([])
   const [preferences, setPreferences] = useState<pond.DevicePreferences>(pond.DevicePreferences.create())
+  const [tags, setTags] = useState<pond.Tag[]>([]);
 
   const [cellularUsage, _setCellularUsage] = useState<number>(0);
   const [cellularStatus, _setCellularStatus] = useState<string>("");
@@ -55,6 +56,7 @@ export default function DevicePage() {
       setPermissions(newPermissions)
       let u = User.any(resp.data.user);
       setPreferences(u.preferences)
+      setTags(resp.data.tags)
     }).catch(err => {
       setDevice(Device.create());
       // setComponents(new Map());
@@ -79,10 +81,6 @@ export default function DevicePage() {
     .finally(() => setLoading(false));
   }
 
-  useEffect(() => {
-    console.log(permissions)
-  }, [permissions])
-
   useEffect(() => {
     loadDevice()
   }, [deviceID])
@@ -138,6 +136,7 @@ export default function DevicePage() {
         components={[]}
         usage={getUsage()}
         loading={loading}
+        tags={tags}
       />
     </PageContainer>
   );