- Du findest uns auch auf{" "} - - Twitter,{" "} - {" "} - und{" "} + Sie finden uns auch auf{" "} LinkedIn @@ -62,11 +58,11 @@ export default function KontaktPage() {
{/* TODO: Update Github- und Lizenz Link! */}
- Sofern du Bugs oder Verbesserungsvorschläge hast, gib uns gerne{" "}
+ Sofern Sie Bugs oder Verbesserungsvorschläge haben, geben Sie uns gerne{" "}
auf GitHub
{" "}
- Feedback. Du kannst den{" "}
+ Feedback. Sie können den{" "}
Source Code auch weiterentwickeln
diff --git a/src/app/(loggedInProjects)/[projectSlug]/contacts/table/_components/ContactsTable.tsx b/src/app/(loggedInProjects)/[projectSlug]/contacts/table/_components/ContactsTable.tsx
new file mode 100644
index 000000000..332f679b5
--- /dev/null
+++ b/src/app/(loggedInProjects)/[projectSlug]/contacts/table/_components/ContactsTable.tsx
@@ -0,0 +1,209 @@
+"use client"
+import { ObjectDump } from "@/src/app/admin/_components/ObjectDump"
+import { improveErrorMessage } from "@/src/core/components/forms/improveErrorMessage"
+import { Link, pinkButtonStyles } from "@/src/core/components/links"
+import { ButtonWrapper } from "@/src/core/components/links/ButtonWrapper"
+import { useProjectSlug } from "@/src/core/routes/useProjectSlug"
+import { isProduction } from "@/src/core/utils"
+import createContact from "@/src/server/contacts/mutations/createContact"
+import updateContact from "@/src/server/contacts/mutations/updateContact"
+import getContacts, { TContacts } from "@/src/server/contacts/queries/getContacts"
+import { getQueryClient, getQueryKey, useMutation, useQuery } from "@blitzjs/rpc"
+import { useState } from "react"
+import { Column, DataSheetGrid, keyColumn, textColumn } from "react-datasheet-grid"
+import "react-datasheet-grid/dist/style.css"
+
+type Row = {
+ id: string | null // Required
+ firstName: string | null
+ lastName: string | null // Required
+ email: string | null // Required
+ phone: string | null
+ note: string | null
+ role: string | null
+}
+
+export const ContactsTable = () => {
+ const projectSlug = useProjectSlug()
+
+ // To disable the automatic form refetching that useQuery does once we change something in the form.
+ const [formDirty, setFormDirty] = useState(false)
+ // This is hacky. We need to refetch the data after the mutation,
+ // which we do by invalidating the query and using onSucess (in usePaginatedQuery) to set the fresh data.
+ // However this breaks react during the first render, when `setData` is not present, yet.
+ // The workaround is to manually manage this state and only allow the update when we hit save.
+ const [performUpdate, setPerformUpdate] = useState(false)
+
+ const prepareData = (data: TContacts | undefined) => {
+ if (!data) return []
+ return data.contacts.map(({ id, firstName, lastName, email, phone, note, role }) => {
+ return { id: String(id), firstName, lastName, email, phone, note, role } satisfies Row
+ })
+ }
+
+ const queryKey = getQueryKey(getContacts, { projectSlug })
+ const [contacts] = useQuery(
+ getContacts,
+ { projectSlug },
+ {
+ enabled: !formDirty,
+ onSuccess: (data) => {
+ if (performUpdate) {
+ setData(prepareData(data))
+ }
+ },
+ },
+ )
+
+ const [data, setData] = useState {string}
+ {errors.map(([id, errors]) => {
+ const strings: string[] =
+ typeof errors === "object" ? Object.values(errors).filter(Boolean) : [errors]
+ return (
+
+ ) : (
+
+ )}
+
+
+ Die Abschnitte bekommen Platzhalter-Geometrien, die durch den Upload ersetzt werden.
+ Wichtig sind die slugs, die als Referenz im GeoJSON dienen.
+
+ Planungsabschnitte mit Platzhalter-Geometrie:
+
subsectionSlug muss mit dem slug des
+ Planungsabschnittes übereinstimmen.
+
+ state: {fileState}
+
+ type: {selectedFile!.type}
+
+ size: {selectedFile!.size}
+
+
- Die Planungsabschnitte mit den Ids {JSON.stringify(updatedIds)} (in der
- Tabelle blau hinterlegt) wurden in Felt erkannt und ggf. aktualisiert.
+ {updatedIds![0] === ""
+ ? "Keine Planungsabschnitte im ausgewählten GeoJSON erkannt."
+ : `Die Planungsabschnitte mit den Ids ${JSON.stringify(updatedIds)} (in der
+ Tabelle blau hinterlegt) wurden im ausgewählten GeoJSON erkannt und ggf. aktualisiert.`}
{JSON.stringify(project, undefined, 2)}
)
diff --git a/src/app/admin/surveys/_components/AdminSurveyForm.tsx b/src/app/admin/surveys/_components/AdminSurveyForm.tsx
index 9355feacb..f9ae190fb 100644
--- a/src/app/admin/surveys/_components/AdminSurveyForm.tsx
+++ b/src/app/admin/surveys/_components/AdminSurveyForm.tsx
@@ -27,8 +27,8 @@ export const AdminSurveyForm = (props: Props) => {