#Redirects both ServerSide and Clientside not working on certained pages

3 messages · Page 1 of 1 (latest)

mellow marsh
#

In most of my app redirects are working fine, though some pages redirects just redirect back to themselves for some reason, both when trying to redirect client side and serverside

#

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