From ce343c8c218e0bc1d2ab1620333e1776746ae911 Mon Sep 17 00:00:00 2001
From: Christoph Lienhard <christoph.lienhard@tngtech.com>
Date: Fri, 25 Jun 2021 09:22:23 +0200
Subject: [PATCH] #28 Fix eslint warning

---
 .../src/backend/queries/page_info.ts          | 26 ++++++-------------
 .../src/components/EditInformation.tsx        |  7 ++---
 .../src/components/EditInformationField.tsx   | 12 +++------
 3 files changed, 16 insertions(+), 29 deletions(-)

diff --git a/redaktions-app/src/backend/queries/page_info.ts b/redaktions-app/src/backend/queries/page_info.ts
index ff06ffb..5d3228c 100644
--- a/redaktions-app/src/backend/queries/page_info.ts
+++ b/redaktions-app/src/backend/queries/page_info.ts
@@ -13,26 +13,16 @@ export const GET_ALL_PAGE_INFO = gql`
   }
 `;
 
-export interface GetAllPageInfoResponse {
-  allUserAppInfos: {
-    nodes: Array<{
-      id: string;
-      rowId: string;
-      title: string;
-      content: string;
-    }>;
-    __typename: "UserAppInfosConnection";
-  };
+export interface PageInfo {
+  id: string;
+  rowId: string;
+  title: string;
+  content: string;
 }
 
-export interface GetPageInfoResponse {
-  userAppInfo(id: string): {
-    nodes: Array<{
-      id: string;
-      rowId: string;
-      title: string;
-      content: string;
-    }>;
+export interface GetAllPageInfoResponse {
+  allUserAppInfos: {
+    nodes: Array<PageInfo>;
     __typename: "UserAppInfosConnection";
   };
 }
diff --git a/redaktions-app/src/components/EditInformation.tsx b/redaktions-app/src/components/EditInformation.tsx
index 909d815..4d0d623 100644
--- a/redaktions-app/src/components/EditInformation.tsx
+++ b/redaktions-app/src/components/EditInformation.tsx
@@ -5,6 +5,7 @@ import { useQuery } from "@apollo/client";
 import {
   GET_ALL_PAGE_INFO,
   GetAllPageInfoResponse,
+  PageInfo,
 } from "../backend/queries/page_info";
 import { EditInformationField } from "./EditInformationField";
 
@@ -38,12 +39,12 @@ export function EditInformation(
   const classes = useStyles();
 
   return (
-    <div>
+    <React.Fragment>
       <Typography component={"h2"} variant="h6" gutterBottom>
         Bearbeite hier die Webseiten Info-Texte für deinen Candymat:
       </Typography>
       <Paper className={classes.root}>
-        {infos.map((info) => {
+        {infos.map((info: PageInfo) => {
           return (
             <EditInformationField
               loggedInPersonRowId={props.loggedInPersonRowId}
@@ -53,6 +54,6 @@ export function EditInformation(
           );
         })}
       </Paper>
-    </div>
+    </React.Fragment>
   );
 }
diff --git a/redaktions-app/src/components/EditInformationField.tsx b/redaktions-app/src/components/EditInformationField.tsx
index 3a63e1f..c8144d8 100644
--- a/redaktions-app/src/components/EditInformationField.tsx
+++ b/redaktions-app/src/components/EditInformationField.tsx
@@ -4,6 +4,7 @@ import { makeStyles } from "@material-ui/core/styles";
 import { useMutation } from "@apollo/client";
 import { Save } from "@material-ui/icons";
 import { EDIT_INFOS, EditInfosResponse } from "../backend/mutations/page_info";
+import { PageInfo } from "../backend/queries/page_info";
 
 const useStyles = makeStyles((theme) => ({
   root: {
@@ -23,12 +24,7 @@ const useStyles = makeStyles((theme) => ({
 }));
 
 interface EditInformationFieldProps {
-  info: {
-    id: string;
-    rowId: string;
-    title: string;
-    content: string;
-  };
+  info: PageInfo;
   loggedInPersonRowId: number;
 }
 
@@ -42,9 +38,9 @@ export function EditInformationField(
   if (loading) console.log("Loading");
   if (error) return <p>An error occurred</p>;
 
-  function changeInfo(e: any) {
+  function changeInfo(e: React.ChangeEvent<HTMLTextAreaElement>) {
     const changeInfoText = e.target.value;
-    setInfo(changeInfoText);
+    setInfo({ ...info, content: changeInfoText });
   }
 
   return (