#Redirects both ServerSide and Clientside not working on certained pages
3 messages · Page 1 of 1 (latest)
Here is an example Page
export const useSwitchOrganization = routeAction$(
(data, event) => {
// sets a cookie
setMembershipID(event, data.membershipId)
throw event.redirect(301, configuration.paths.home)
},
zod$({
membershipId: z.string(),
}),
)
export const useMemberships = routeLoader$((event) => {
return [{name: "Some Membership", id: "mem_1"}]
})
const SwitchOrgPage = component$(() => {
const handleSwitch = useSwitchOrganization()
const membershipSig = useMemberships()
return (
<div class="h-screen w-full flex justify-center items-center">
<Card class={"w-[300px]"}>
{/* <NewOrganizationButtonContainer csrfToken={csrfToken} /> */}
{membershipSig.value.map((membership) => {
return (
<button
onClick$={() => {
handleSwitch.submit({ membershipId: membership.id})
}}
type="button"
key={membership.id}
class="w-full flex items-center justify-between cursor-pointer space-x-4 rounded-md p-2 transition-all hover:bg-accent hover:text-accent-foreground"
>
<div class="flex flex-row gap-2">
<div class="space-y-1">
<p class="text-sm font-medium leading-none">{membership.name}</p>
</div>
</div>
<ChevronRightIcon class={"h-6 w-6"} />
</button>
)
})}
</Card>
</div>
)
})
export default SwitchOrgPage
@teal trail