reformat with prettier with semicolons and tabs
This commit is contained in:
m5r
@ -1,10 +1,10 @@
|
||||
import type { BlitzPage } from "blitz"
|
||||
import type { BlitzPage } from "blitz";
|
||||
|
||||
import OnboardingLayout from "../../components/onboarding-layout"
|
||||
import useCurrentCustomer from "../../../core/hooks/use-current-customer"
|
||||
import OnboardingLayout from "../../components/onboarding-layout";
|
||||
import useCurrentCustomer from "../../../core/hooks/use-current-customer";
|
||||
|
||||
const StepOne: BlitzPage = () => {
|
||||
useCurrentCustomer() // preload for step two
|
||||
useCurrentCustomer(); // preload for step two
|
||||
|
||||
return (
|
||||
<OnboardingLayout
|
||||
@ -15,9 +15,9 @@ const StepOne: BlitzPage = () => {
|
||||
<span>Welcome, let’s set up your virtual phone!</span>
|
||||
</div>
|
||||
</OnboardingLayout>
|
||||
)
|
||||
}
|
||||
);
|
||||
};
|
||||
|
||||
StepOne.authenticate = true
|
||||
StepOne.authenticate = true;
|
||||
|
||||
export default StepOne
|
||||
export default StepOne;
|
||||
|
||||
@ -1,26 +1,26 @@
|
||||
import type { BlitzPage, GetServerSideProps } from "blitz"
|
||||
import { Routes, getSession, useRouter, useMutation } from "blitz"
|
||||
import { useEffect } from "react"
|
||||
import twilio from "twilio"
|
||||
import { useForm } from "react-hook-form"
|
||||
import clsx from "clsx"
|
||||
import type { BlitzPage, GetServerSideProps } from "blitz";
|
||||
import { Routes, getSession, useRouter, useMutation } from "blitz";
|
||||
import { useEffect } from "react";
|
||||
import twilio from "twilio";
|
||||
import { useForm } from "react-hook-form";
|
||||
import clsx from "clsx";
|
||||
|
||||
import db from "../../../../db"
|
||||
import OnboardingLayout from "../../components/onboarding-layout"
|
||||
import setPhoneNumber from "../../mutations/set-phone-number"
|
||||
import db from "../../../../db";
|
||||
import OnboardingLayout from "../../components/onboarding-layout";
|
||||
import setPhoneNumber from "../../mutations/set-phone-number";
|
||||
|
||||
type PhoneNumber = {
|
||||
phoneNumber: string
|
||||
sid: string
|
||||
}
|
||||
phoneNumber: string;
|
||||
sid: string;
|
||||
};
|
||||
|
||||
type Props = {
|
||||
availablePhoneNumbers: PhoneNumber[]
|
||||
}
|
||||
availablePhoneNumbers: PhoneNumber[];
|
||||
};
|
||||
|
||||
type Form = {
|
||||
phoneNumberSid: string
|
||||
}
|
||||
phoneNumberSid: string;
|
||||
};
|
||||
|
||||
const StepThree: BlitzPage<Props> = ({ availablePhoneNumbers }) => {
|
||||
const {
|
||||
@ -28,24 +28,24 @@ const StepThree: BlitzPage<Props> = ({ availablePhoneNumbers }) => {
|
||||
handleSubmit,
|
||||
setValue,
|
||||
formState: { isSubmitting },
|
||||
} = useForm<Form>()
|
||||
const router = useRouter()
|
||||
const [setPhoneNumberMutation] = useMutation(setPhoneNumber)
|
||||
} = useForm<Form>();
|
||||
const router = useRouter();
|
||||
const [setPhoneNumberMutation] = useMutation(setPhoneNumber);
|
||||
|
||||
useEffect(() => {
|
||||
if (availablePhoneNumbers[0]) {
|
||||
setValue("phoneNumberSid", availablePhoneNumbers[0].sid)
|
||||
setValue("phoneNumberSid", availablePhoneNumbers[0].sid);
|
||||
}
|
||||
})
|
||||
});
|
||||
|
||||
const onSubmit = handleSubmit(async ({ phoneNumberSid }) => {
|
||||
if (isSubmitting) {
|
||||
return
|
||||
return;
|
||||
}
|
||||
|
||||
await setPhoneNumberMutation({ phoneNumberSid })
|
||||
await router.push(Routes.Messages())
|
||||
})
|
||||
await setPhoneNumberMutation({ phoneNumberSid });
|
||||
await router.push(Routes.Messages());
|
||||
});
|
||||
|
||||
return (
|
||||
<OnboardingLayout currentStep={3} previous={{ href: "/welcome/step-two", label: "Back" }}>
|
||||
@ -82,21 +82,21 @@ const StepThree: BlitzPage<Props> = ({ availablePhoneNumbers }) => {
|
||||
</form>
|
||||
</div>
|
||||
</OnboardingLayout>
|
||||
)
|
||||
}
|
||||
);
|
||||
};
|
||||
|
||||
StepThree.authenticate = true
|
||||
StepThree.authenticate = true;
|
||||
|
||||
export const getServerSideProps: GetServerSideProps<Props> = async ({ req, res }) => {
|
||||
const session = await getSession(req, res)
|
||||
const customer = await db.customer.findFirst({ where: { id: session.userId! } })
|
||||
const session = await getSession(req, res);
|
||||
const customer = await db.customer.findFirst({ where: { id: session.userId! } });
|
||||
if (!customer) {
|
||||
return {
|
||||
redirect: {
|
||||
destination: Routes.StepOne().pathname,
|
||||
permanent: false,
|
||||
},
|
||||
}
|
||||
};
|
||||
}
|
||||
|
||||
if (!customer.accountSid || !customer.authToken) {
|
||||
@ -105,20 +105,20 @@ export const getServerSideProps: GetServerSideProps<Props> = async ({ req, res }
|
||||
destination: Routes.StepTwo().pathname,
|
||||
permanent: false,
|
||||
},
|
||||
}
|
||||
};
|
||||
}
|
||||
|
||||
const incomingPhoneNumbers = await twilio(
|
||||
customer.accountSid,
|
||||
customer.authToken
|
||||
).incomingPhoneNumbers.list()
|
||||
const phoneNumbers = incomingPhoneNumbers.map(({ phoneNumber, sid }) => ({ phoneNumber, sid }))
|
||||
).incomingPhoneNumbers.list();
|
||||
const phoneNumbers = incomingPhoneNumbers.map(({ phoneNumber, sid }) => ({ phoneNumber, sid }));
|
||||
|
||||
return {
|
||||
props: {
|
||||
availablePhoneNumbers: phoneNumbers,
|
||||
},
|
||||
}
|
||||
}
|
||||
};
|
||||
};
|
||||
|
||||
export default StepThree
|
||||
export default StepThree;
|
||||
|
||||
@ -1,17 +1,17 @@
|
||||
import type { BlitzPage } from "blitz"
|
||||
import { Routes, useMutation, useRouter } from "blitz"
|
||||
import clsx from "clsx"
|
||||
import { useEffect } from "react"
|
||||
import { useForm } from "react-hook-form"
|
||||
import type { BlitzPage } from "blitz";
|
||||
import { Routes, useMutation, useRouter } from "blitz";
|
||||
import clsx from "clsx";
|
||||
import { useEffect } from "react";
|
||||
import { useForm } from "react-hook-form";
|
||||
|
||||
import OnboardingLayout from "../../components/onboarding-layout"
|
||||
import useCurrentCustomer from "../../../core/hooks/use-current-customer"
|
||||
import setTwilioApiFields from "../../mutations/set-twilio-api-fields"
|
||||
import OnboardingLayout from "../../components/onboarding-layout";
|
||||
import useCurrentCustomer from "../../../core/hooks/use-current-customer";
|
||||
import setTwilioApiFields from "../../mutations/set-twilio-api-fields";
|
||||
|
||||
type Form = {
|
||||
twilioAccountSid: string
|
||||
twilioAuthToken: string
|
||||
}
|
||||
twilioAccountSid: string;
|
||||
twilioAuthToken: string;
|
||||
};
|
||||
|
||||
const StepTwo: BlitzPage = () => {
|
||||
const {
|
||||
@ -19,31 +19,31 @@ const StepTwo: BlitzPage = () => {
|
||||
handleSubmit,
|
||||
setValue,
|
||||
formState: { isSubmitting },
|
||||
} = useForm<Form>()
|
||||
const router = useRouter()
|
||||
const { customer } = useCurrentCustomer()
|
||||
const [setTwilioApiFieldsMutation] = useMutation(setTwilioApiFields)
|
||||
} = useForm<Form>();
|
||||
const router = useRouter();
|
||||
const { customer } = useCurrentCustomer();
|
||||
const [setTwilioApiFieldsMutation] = useMutation(setTwilioApiFields);
|
||||
|
||||
const initialAuthToken = customer?.authToken ?? ""
|
||||
const initialAccountSid = customer?.accountSid ?? ""
|
||||
const hasTwilioCredentials = initialAccountSid.length > 0 && initialAuthToken.length > 0
|
||||
const initialAuthToken = customer?.authToken ?? "";
|
||||
const initialAccountSid = customer?.accountSid ?? "";
|
||||
const hasTwilioCredentials = initialAccountSid.length > 0 && initialAuthToken.length > 0;
|
||||
useEffect(() => {
|
||||
setValue("twilioAuthToken", initialAuthToken)
|
||||
setValue("twilioAccountSid", initialAccountSid)
|
||||
}, [initialAuthToken, initialAccountSid])
|
||||
setValue("twilioAuthToken", initialAuthToken);
|
||||
setValue("twilioAccountSid", initialAccountSid);
|
||||
}, [initialAuthToken, initialAccountSid]);
|
||||
|
||||
const onSubmit = handleSubmit(async ({ twilioAccountSid, twilioAuthToken }) => {
|
||||
if (isSubmitting) {
|
||||
return
|
||||
return;
|
||||
}
|
||||
|
||||
await setTwilioApiFieldsMutation({
|
||||
twilioAccountSid,
|
||||
twilioAuthToken,
|
||||
})
|
||||
});
|
||||
|
||||
await router.push(Routes.StepThree())
|
||||
})
|
||||
await router.push(Routes.StepThree());
|
||||
});
|
||||
|
||||
return (
|
||||
<OnboardingLayout
|
||||
@ -95,9 +95,9 @@ const StepTwo: BlitzPage = () => {
|
||||
</form>
|
||||
</div>
|
||||
</OnboardingLayout>
|
||||
)
|
||||
}
|
||||
);
|
||||
};
|
||||
|
||||
StepTwo.authenticate = true
|
||||
StepTwo.authenticate = true;
|
||||
|
||||
export default StepTwo
|
||||
export default StepTwo;
|
||||
|
||||
Reference in New Issue
Block a user