afterSignIn
A step the plugin draws right after signing in, before Who's in? and before the app. It is for asking one thing before entering: choosing a household, accepting new terms…
Where in Hodi
Right after someone signs in, before the Who's in? screen and before the app. The person only sees this step once per sign-in.
If several plugins give an afterSignIn, Hodi shows the first one's. The server admin who has no household never sees this step: they go straight to the Server space.
Example
This step lists the person's households. A click on a household calls a route of the plugin, then done() lets the person into the app.
web/public.tsx
import { Button, StepPage, definePlugin, usePluginPublicApi } from 'hodi:sdk'
const WhichHousehold = ({ done }) => {
const publicApi = usePluginPublicApi()
const pick = async (id) => {
await publicApi('/household', { method: 'POST', body: JSON.stringify({ id }) })
done()
}
return (
<StepPage title="Which household?">
<Button onClick={() => pick('smith')}>The Smiths</Button>
</StepPage>
)
}
definePlugin({ afterSignIn: WhichHousehold })Props
Props?: optional
layout'desktop' | 'phone'The screen size.
done() => voidEnds the step: the person enters the app.
Good to know
- If the plugin's step crashes: Hodi offers to go in anyway, the person is never stuck.
- A page reload: the person comes back to the step, as long as
done()wasn't called.