wip: workgroup description

client/src/components/WorkgroupPage/InfoForm.tsx

@@ -14,6 +14,7 @@ export function InfoForm({ workgroup, onChange }: InfoFormProps) {
     workgroup: {
       id: workgroup && workgroup.id ? workgroup.id : '',
       name: workgroup && workgroup.name ? workgroup.name : '',
+      description: workgroup && workgroup.description ? workgroup.description : '',
       createdAt: workgroup && workgroup.createdAt ? workgroup.createdAt : null,
       closedAt: workgroup && workgroup.closedAt ? workgroup.closedAt : null,
     }
@@ -34,6 +35,7 @@ export function InfoForm({ workgroup, onChange }: InfoFormProps) {
       workgroup: {
         id: workgroup && workgroup.id ? workgroup.id : '',
         name: workgroup && workgroup.name ? workgroup.name : '',
+        description: workgroup && workgroup.description ? workgroup.description : '',
         createdAt: workgroup && workgroup.createdAt ? workgroup.createdAt : null,
         closedAt: workgroup && workgroup.closedAt ? workgroup.closedAt : null,
       }
@@ -76,6 +78,14 @@ export function InfoForm({ workgroup, onChange }: InfoFormProps) {
             onChange={onWorkgroupAttrChange.bind(null, "name")} />
         </div>
       </div>
+      <div className="field">
+        <label className="label">Nom du groupe</label>
+        <div className="control">
+          <textarea className="input" value={state.workgroup.description}
+            disabled={!isAuthorized}
+            onChange={onWorkgroupAttrChange.bind(null, "description")}></textarea>
+        </div>
+      </div>
       {
         state.workgroup.createdAt ?
         <div className="field">

client/src/gql/mutations/workgroups.tsx

@@ -7,6 +7,7 @@ mutation updateWorkgroup($workgroupId: ID!, $changes: WorkgroupChanges!) {
   updateWorkgroup(workgroupId: $workgroupId, changes: $changes) {
     id,
     name,
+    description,
     createdAt,
     closedAt,
     members {
@@ -26,6 +27,7 @@ mutation createWorkgroup($changes: WorkgroupChanges!) {
   createWorkgroup(changes: $changes) {
     id,
     name,
+    description,
     createdAt,
     closedAt,
     members {
@@ -47,6 +49,7 @@ mutation joinWorkgroup($workgroupId: ID!) {
   joinWorkgroup(workgroupId: $workgroupId) {
     id,
     name,
+    description,
     createdAt,
     closedAt,
     members {
@@ -78,6 +81,7 @@ mutation leaveWorkgroup($workgroupId: ID!) {
   leaveWorkgroup(workgroupId: $workgroupId) {
     id,
     name,
+    description,
     createdAt,
     closedAt,
     members {
@@ -117,6 +121,7 @@ mutation closeWorkgroup($workgroupId: ID!) {
   closeWorkgroup(workgroupId: $workgroupId) {
     id,
     name,
+    description,
     createdAt,
     closedAt,
     members {

client/src/gql/queries/workgroups.tsx

@@ -7,6 +7,7 @@ export const QUERY_WORKGROUP = gql`
     workgroups(filter: $filter) {
       id,
       name,
+      description,
       createdAt,
       closedAt,
       members {

client/src/types/workgroup.ts

@@ -2,6 +2,7 @@ import { User } from "./user";
 export interface Workgroup {
   id: string
   name: string
+  description: string
   createdAt: Date
   closedAt: Date
   members: User[]