Fix invites - set parent to user

Author: joepio

data-browser/src/components/InviteForm.tsx

@@ -4,6 +4,7 @@ import {
   properties,
   Resource,
   urls,
+  useCurrentAgent,
 } from '@tomic/react';
 import React, { useState } from 'react';
 import toast from 'react-hot-toast';
@@ -26,6 +27,7 @@ export function InviteForm({ target }: InviteFormProps) {
   const invite = useResource(null, { newResource: true });
   const store = useStore();
   const [err, setErr] = useState<Error>(null);
+  const [agent] = useCurrentAgent();
   const [createdSubject, setCreatedSubject] = useState<string>(null);
 
   /** Stores the Invite, sends it to the server, shows the Subject to the User */
@@ -35,11 +37,7 @@ export function InviteForm({ target }: InviteFormProps) {
     await invite.set(properties.invite.target, target.getSubject(), store);
     invite.setSubject(store.createSubject('invite'));
     try {
-      await invite.set(
-        properties.parent,
-        `${store.getServerUrl()}/invites`,
-        store,
-      );
+      await invite.set(properties.parent, agent.subject, store);
       await invite.save(store);
       navigator.clipboard.writeText(invite.getSubject());
       toast.success('Copied to clipboard');

data-browser/src/routes/ShareRoute.tsx

@@ -3,7 +3,7 @@ import { useArray, useCanWrite, useResource, useStore } from '@tomic/react';
 import { ContainerNarrow } from '../components/Containers';
 import { useCurrentSubject } from '../helpers/useCurrentSubject';
 import { Right, urls } from '@tomic/lib';
-import ResourceInline from '../views/ResourceInline';
+import ResourceInline, { ErrorLook } from '../views/ResourceInline';
 import { Card, CardInsideFull, CardRow } from '../components/Card';
 import { FaGlobe } from 'react-icons/fa';
 import styled from 'styled-components';
@@ -12,17 +12,19 @@ import { InviteForm } from '../components/InviteForm';
 import toast from 'react-hot-toast';
 import { PageTitle } from '../components/PageTitle';
 
-const useValueOpts = {
-  commit: false,
-};
-
 /** Form for managing and viewing rights for this resource */
 export function ShareRoute(): JSX.Element {
   const [subject] = useCurrentSubject();
   const resource = useResource(subject);
   const store = useStore();
   const [canWrite] = useCanWrite(resource);
   const [showInviteForm, setShowInviteForm] = useState(false);
+  const [err, setErr] = useState(null);
+
+  const useValueOpts = {
+    commit: false,
+    handleValidationError: setErr,
+  };
 
   const [writers, setWriters] = useArray(
     resource,
@@ -145,6 +147,7 @@ export function ShareRoute(): JSX.Element {
           Save
         </Button>
       )}
+      {err && <ErrorLook>{err}</ErrorLook>}
       {inheritedRights.length > 0 && (
         <Card>
           <RightsHeader text='inherited rights:' />