mokhtar/shellphone.app
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

onboarding wording

Browse Source
This commit is contained in:
m5r 2021-08-20 08:18:35 +08:00
parent b83a64d862
commit c43979d6b7
2 changed files with 9 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
app/onboarding/pages/welcome/step-one.tsx
View File

@ -10,13 +10,16 @@ const StepOne: BlitzPage = () => {
return ( return (
<div className="flex flex-col space-y-4 items-center"> <div className="flex flex-col space-y-4 items-center">
<span>Welcome, let’s set up your virtual phone!</span> <h2>Welcome to Shellphone</h2>
<span>
We&#39;ll help you connect your Twilio phone number to our service and set up your virtual phone!
</span>
</div> </div>
); );
}; };
StepOne.getLayout = (page) => ( StepOne.getLayout = (page) => (
<OnboardingLayout currentStep={1} next={{ href: Routes.StepTwo().pathname, label: "Set up your phone number" }}> <OnboardingLayout currentStep={1} next={{ href: Routes.StepTwo().pathname, label: "Connect Twilio to Shellphone" }}>
{page} {page}
</OnboardingLayout> </OnboardingLayout>
); );

4
app/onboarding/pages/welcome/step-two.tsx
View File

@ -55,6 +55,10 @@ const StepTwo: BlitzPage = () => {
<FontAwesomeIcon size="lg" className="w-6 h-6 text-primary-700" icon={faQuestionCircle} /> <FontAwesomeIcon size="lg" className="w-6 h-6 text-primary-700" icon={faQuestionCircle} />
</button> </button>
<form onSubmit={onSubmit} className="flex flex-col gap-6"> <form onSubmit={onSubmit} className="flex flex-col gap-6">
<article>
Shellphone needs some informations about your Twilio account to securely use your phone numbers.
</article>
<div className="w-full"> <div className="w-full">
<label htmlFor="twilioAccountSid" className="block text-sm font-medium text-gray-700"> <label htmlFor="twilioAccountSid" className="block text-sm font-medium text-gray-700">
Twilio Account SID Twilio Account SID