rename kit

Author: kentcdodds

app/components/footer.tsx

@@ -31,7 +31,7 @@ function NewsletterSection() {
 			</div>
 
 			<div className="mt-8">
-				<KitForm formId="newsletter" KitFormId="827139" />
+				<KitForm formId="newsletter" kitFormId="827139" />
 			</div>
 		</div>
 	)

app/kit/form.tsx

@@ -9,11 +9,11 @@ import { type ActionData } from './types.ts'
 function KitForm({
 	formId,
 	kitTagId,
-	KitFormId,
+	kitFormId,
 }: { formId: string } & (
-	| { kitTagId?: never; KitFormId: string }
-	| { kitTagId: string; KitFormId?: never }
-	| { kitTagId: string; KitFormId: string }
+	| { kitTagId?: never; kitFormId: string }
+	| { kitTagId: string; kitFormId?: never }
+	| { kitTagId: string; kitFormId: string }
 )) {
 	const websiteId = React.useId()
 	const kit = useFetcher<ActionData>()
@@ -54,7 +54,7 @@ function KitForm({
 			</div>
 			<input type="hidden" name="formId" value={formId} />
 			<input type="hidden" name="kitTagId" value={kitTagId} />
-			<input type="hidden" name="KitFormId" value={KitFormId} />
+			<input type="hidden" name="kitFormId" value={kitFormId} />
 			<Field
 				name="firstName"
 				label="First name"

app/kit/kit.server.ts

@@ -57,7 +57,7 @@ async function ensureSubscriber({
 		subscriber = await addSubscriberToForm({
 			email,
 			firstName,
-			KitFormId: '2500372',
+			kitFormId: '2500372',
 		})
 	}
 
@@ -67,11 +67,11 @@ async function ensureSubscriber({
 async function addSubscriberToForm({
 	email,
 	firstName,
-	KitFormId,
+	kitFormId,
 }: {
 	email: string
 	firstName: string
-	KitFormId: string
+	kitFormId: string
 }) {
 	const subscriberData = {
 		api_key: KIT_API_KEY,
@@ -83,7 +83,7 @@ async function addSubscriberToForm({
 	// this is a basic form that doesn't really do anything. It's just a way to
 	// get the users on the mailing list
 	const response = await fetch(
-		`https://api.kit.com/v3/forms/${KitFormId}/subscribe`,
+		`https://api.kit.com/v3/forms/${kitFormId}/subscribe`,
 		{
 			method: 'POST',
 			body: JSON.stringify(subscriberData),

app/kit/remix.server.ts

@@ -17,17 +17,17 @@ function getErrorForEmail(email: string | null) {
 }
 
 function getErrorForkitTagId(tagId: string | null, form: URLSearchParams) {
-	if (!form.get('KitFormId') && !tagId) {
-		return `kitTagId is required if KitFormId is not specified`
+	if (!form.get('kitFormId') && !tagId) {
+		return `kitTagId is required if kitFormId is not specified`
 	}
 	if (!tagId) return null
 	if (tagId.length < 2) return `Convert Kit Tag ID is incorrect`
 	return null
 }
 
-function getErrorForKitFormId(formId: string | null, form: URLSearchParams) {
+function getErrorForkitFormId(formId: string | null, form: URLSearchParams) {
 	if (!form.get('kitTagId') && !formId) {
-		return `KitFormId is required if kitTagId is not specified`
+		return `kitFormId is required if kitTagId is not specified`
 	}
 	if (!formId) return null
 	if (formId.length < 2) return `Convert Kit Form ID is incorrect`
@@ -48,7 +48,7 @@ async function handleKitFormSubmission(request: Request) {
 		firstName: form.get('firstName') ?? '',
 		email: form.get('email') ?? '',
 		kitTagId: form.get('kitTagId') ?? '',
-		KitFormId: form.get('KitFormId') ?? '',
+		kitFormId: form.get('kitFormId') ?? '',
 		url: form.get('url'),
 	}
 
@@ -58,7 +58,7 @@ async function handleKitFormSubmission(request: Request) {
 		firstName: getErrorForFirstName(fields.firstName),
 		email: getErrorForEmail(fields.email),
 		kitTagId: getErrorForkitTagId(fields.kitTagId, form),
-		KitFormId: getErrorForKitFormId(fields.KitFormId, form),
+		kitFormId: getErrorForkitFormId(fields.kitFormId, form),
 		url: null,
 	}
 
@@ -77,7 +77,7 @@ async function handleKitFormSubmission(request: Request) {
 
 	try {
 		let subscriberId: number | null = null
-		if (fields.KitFormId) {
+		if (fields.kitFormId) {
 			const subscriber = await ck.addSubscriberToForm(fields)
 			subscriberId = subscriber.id
 		}

app/kit/types.d.ts

@@ -4,7 +4,7 @@ export type Fields = {
 	email: string
 	url: string | null
 	kitTagId: string
-	KitFormId: string
+	kitFormId: string
 }
 export type Errors = Record<keyof Fields | 'generalError', string | null>
 

app/routes/subscribe.tsx

@@ -172,7 +172,7 @@ export default function SubscribeScreen() {
 								id="subscribe-form"
 								className="col-span-full mt-8 lg:col-span-7"
 							>
-								<KitForm formId="newsletter" KitFormId="827139" />
+								<KitForm formId="newsletter" kitFormId="827139" />
 							</div>
 						</>
 					)}

content/blog/i-m-building-epicweb-dev.mdx

@@ -123,7 +123,7 @@ If you'd like to keep up-to-date, please sign up here:
 <SubscribeForm
 	formId="epicweb-blog-post"
 	kitTagId="3292661"
-	KitFormId="3547851"
+	kitFormId="3547851"
 />
 
 I'm really excited to turn you into an [EpicWeb.dev 🌌](https://epicweb.dev)