From 45df75d68f01fefab1287296c9250a44feef06d5 Mon Sep 17 00:00:00 2001
From: Ben Ramey <benramey@fastmail.com>
Date: Tue, 30 Apr 2024 20:43:01 -0500
Subject: [PATCH] Rename a few components

---
 ...tionForm.svelte => ApplicationForm.svelte} |  9 ++++----
 ...Step.svelte => ApplicationFormStep.svelte} | 23 ++++++++++---------
 src/OAP/Oap.Theme.Svelte/src/main.ts          | 16 ++++++-------
 3 files changed, 25 insertions(+), 23 deletions(-)
 rename src/OAP/Oap.Theme.Svelte/src/{OapApplicationForm.svelte => ApplicationForm.svelte} (86%)
 rename src/OAP/Oap.Theme.Svelte/src/components/{OapApplicationFormStep.svelte => ApplicationFormStep.svelte} (56%)

diff --git a/src/OAP/Oap.Theme.Svelte/src/OapApplicationForm.svelte b/src/OAP/Oap.Theme.Svelte/src/ApplicationForm.svelte
similarity index 86%
rename from src/OAP/Oap.Theme.Svelte/src/OapApplicationForm.svelte
rename to src/OAP/Oap.Theme.Svelte/src/ApplicationForm.svelte
index be099ab..816eae1 100644
--- a/src/OAP/Oap.Theme.Svelte/src/OapApplicationForm.svelte
+++ b/src/OAP/Oap.Theme.Svelte/src/ApplicationForm.svelte
@@ -1,7 +1,7 @@
 <script lang="ts">
 	import { Client, setContextClient, queryStore } from "@urql/svelte";
 	import { graphql } from "./gql";
-	import OapApplicationFormStep from "./components/OapApplicationFormStep.svelte";
+	import ApplicationFormStep from "./components/ApplicationFormStep.svelte";
 	import step from "./lib/stores/step";
 
 	export let antiForgeryToken: string | null;
@@ -34,7 +34,7 @@
 	});
 
 	function handleSubmit(event: SubmitEvent) {
-		step.update(x => x + 1);
+		step.update((x) => x + 1);
 	}
 </script>
 
@@ -56,10 +56,11 @@
 			{/if}
 			{#each oapApplicationForm?.list?.contentItems ?? [] as contentItem, index}
 				{#if contentItem?.__typename === "OapApplicationFormStep" && $step === index}
-					<OapApplicationFormStep
+					<ApplicationFormStep
 						onSubmit={handleSubmit}
 						{antiForgeryToken}
-						fragment={contentItem} />
+						fragment={contentItem}
+					/>
 				{/if}
 			{/each}
 		{/each}
diff --git a/src/OAP/Oap.Theme.Svelte/src/components/OapApplicationFormStep.svelte b/src/OAP/Oap.Theme.Svelte/src/components/ApplicationFormStep.svelte
similarity index 56%
rename from src/OAP/Oap.Theme.Svelte/src/components/OapApplicationFormStep.svelte
rename to src/OAP/Oap.Theme.Svelte/src/components/ApplicationFormStep.svelte
index 795e611..6e8246d 100644
--- a/src/OAP/Oap.Theme.Svelte/src/components/OapApplicationFormStep.svelte
+++ b/src/OAP/Oap.Theme.Svelte/src/components/ApplicationFormStep.svelte
@@ -1,7 +1,7 @@
 <script context="module" lang="ts">
 	import { graphql } from "../gql";
 
-	export const OapApplicationFormStepFragment = graphql(/* GraphQL */ `
+	export const ApplicationFormStepFragment = graphql(/* GraphQL */ `
 		fragment OapApplicationFormStep on OapApplicationFormStep {
 			displayText
 			contentItemId
@@ -24,11 +24,14 @@
 	import Form from "./Form.svelte";
 	import type { EventHandler } from "svelte/elements";
 
-	export let onSubmit: EventHandler<SubmitEvent, HTMLFormElement> | undefined | null;
+	export let onSubmit:
+		| EventHandler<SubmitEvent, HTMLFormElement>
+		| undefined
+		| null;
 	export let antiForgeryToken: string | null;
-	export let fragment: FragmentType<typeof OapApplicationFormStepFragment>;
+	export let fragment: FragmentType<typeof ApplicationFormStepFragment>;
 
-	const content = useFragment(OapApplicationFormStepFragment, fragment);
+	const content = useFragment(ApplicationFormStepFragment, fragment);
 </script>
 
 <h2 class="text-lg font-bold">{content.displayText}</h2>
@@ -39,10 +42,8 @@
 	</div>
 {/if}
 
-{#if content.flow}
-	{#each content.flow.widgets ?? [] as widget}
-		{#if widget?.__typename === "Form"}
-			<Form {onSubmit} {antiForgeryToken} fragment={widget} />
-		{/if}
-	{/each}
-{/if}
+{#each content.flow?.widgets ?? [] as widget}
+	{#if widget?.__typename === "Form"}
+		<Form {onSubmit} {antiForgeryToken} fragment={widget} />
+	{/if}
+{/each}
diff --git a/src/OAP/Oap.Theme.Svelte/src/main.ts b/src/OAP/Oap.Theme.Svelte/src/main.ts
index b0b9511..b3d2b7f 100644
--- a/src/OAP/Oap.Theme.Svelte/src/main.ts
+++ b/src/OAP/Oap.Theme.Svelte/src/main.ts
@@ -1,6 +1,6 @@
 import { cacheExchange, Client, fetchExchange } from "@urql/svelte";
 import "./app.css";
-import OapApplicationForm from "./OapApplicationForm.svelte";
+import ApplicationForm from "./ApplicationForm.svelte";
 
 const client = new Client({
 	url: "https://localhost:5001/oap/api/graphql",
@@ -8,19 +8,19 @@ const client = new Client({
 });
 
 var antiForgeryToken = document.getElementsByName("__RequestVerificationToken");
-var oapApplicationForms = document.getElementsByClassName("OapApplicationForm");
+var applicationFormElements = document.getElementsByClassName("OapApplicationForm");
 
-let oapApplicationForm: OapApplicationForm;
+let applicationForm: ApplicationForm;
 
-if (oapApplicationForms.length === 1) {
-	oapApplicationForm = new OapApplicationForm({
-		target: oapApplicationForms[0],
+if (applicationFormElements.length === 1) {
+	applicationForm = new ApplicationForm({
+		target: applicationFormElements[0],
 		props: {
 			antiForgeryToken: antiForgeryToken[0]?.getAttribute("value") ?? null,
-			contentItemId: oapApplicationForms[0].id,
+			contentItemId: applicationFormElements[0].id,
 			client,
 		},
 	});
 }
 
-export { oapApplicationForm };
+export { applicationForm as oapApplicationForm };