feat: muistutusdialogi ja rajapinta (HASSU-781) (#284)

* api, yup schema ja i18 teksteja

* kiitosdialogi, i18n teksteja

backend/src/apiHandler.ts

@@ -101,6 +101,8 @@ async function executeOperation(event: AppSyncResolverEvent<AppSyncEventArgument
       return palauteHandler.otaPalauteKasittelyyn(event.arguments as OtaPalauteKasittelyynMutationVariables);
     case apiConfig.listKirjaamoOsoitteet.name:
       return listKirjaamoOsoitteet();
+    case apiConfig.lisaaMuistutus.name:
+      return "Kiitos muistutuksesta!"; //TODO: muistutuksen tallennus
     default:
       return null;
   }

common/abstractApi.ts

@@ -35,6 +35,8 @@ import {
   VelhoAineistoKategoria,
   VelhoHakuTulos,
   KirjaamoOsoite,
+  MuistutusInput,
+  LisaaMuistutusMutationVariables,
 } from "./graphql/apiModel";
 import * as queries from "./graphql/queries";
 import * as mutations from "./graphql/mutations";
@@ -147,6 +149,11 @@ export const apiConfig: ApiConfig = {
     operationType: OperationType.Query,
     graphql: queries.listKirjaamoOsoitteet,
   },
+  lisaaMuistutus: {
+    name: "lisaaMuistutus",
+    operationType: OperationType.Mutation,
+    graphql: mutations.lisaaMuistutus,
+  },
 };
 
 export abstract class AbstractApi {
@@ -261,6 +268,13 @@ export abstract class AbstractApi {
     } as LisaaPalauteMutationVariables);
   }
 
+  async lisaaMuistutus(oid: string, muistutus: MuistutusInput): Promise<string> {
+    return await this.callAPI(apiConfig.lisaaMuistutus, {
+      oid,
+      muistutus,
+    } as LisaaMuistutusMutationVariables);
+  }
+
   async otaPalauteKasittelyyn(oid: string, id: string): Promise<string> {
     return await this.callYllapitoAPI(apiConfig.otaPalauteKasittelyyn, {
       oid,

graphql/inputs.graphql

@@ -236,3 +236,14 @@ input PalauteInput {
   yhteydenottotapaPuhelin: Boolean
   liite: String
 }
+
+input MuistutusInput {
+  etunimi: String
+  sukunimi: String
+  katuosoite: String
+  postinumeroJaPostitoimipaikka: String
+  sahkoposti: String
+  puhelinnumero: String
+  muistutus: String
+  liite: String
+}

graphql/operations.graphql

@@ -28,6 +28,8 @@ type Mutation {
   lisaaPalaute(oid: String!, palaute: PalauteInput!): String
   otaPalauteKasittelyyn(oid: String!, id: String!): String
 
+  lisaaMuistutus(oid: String!, muistutus: MuistutusInput!): String
+
   synkronoiProjektiMuutoksetVelhosta(oid: String!): Velho
 
   arkistoiProjekti(oid: String!): ArkistointiTunnus

src/components/form/FormGroup.tsx

@@ -40,7 +40,7 @@ export default function FormGroup({
   );
 }
 
-const Label = styled("label")(
+export const Label = styled("label")(
   sx({
     display: "block",
     marginBottom: 1,