Arda Samadi
a642fc0fae
- useMyStores + team hooks (invite by phone / list / remove) in use-seller-hooks. - useStoreOwnership rewritten to allow staff (not just the owner) via my-stores; exposes `role` so callers can gate owner-only UI, and no longer redirects members away from a store they help manage. - Store settings: owner-only items (financial, shipping, edit store, instagram sync, team) hidden from staff; new "مدیریت اعضای تیم" entry (owner-only). - New /store/:storeId/team page: invite by phone + members list with pending/ active status + remove (owner-only, redirects staff). MyLayout keeps store mode on the team route. - StoreForm edit is owner-only (redirects staff). Profile "enter my store" now routes owners to their store and staff to the store they manage. - Chat already split earlier: seller inbox vs personal buyer inbox. Depends on the seller-team backend; ships on this branch, not main. Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
41 lines
1.3 KiB
TypeScript
41 lines
1.3 KiB
TypeScript
import { useEffect } from "react";
|
|
import { useNavigate } from "@remix-run/react";
|
|
import { useMyStores } from "../requestHandler/use-seller-hooks";
|
|
|
|
/**
|
|
* Guards a store dashboard route. A user may enter a store they OWN or are an
|
|
* active STAFF member of. Non-members are redirected away. Returns the user's
|
|
* role for this store so callers can gate owner-only UI.
|
|
*/
|
|
export function useStoreOwnership(storeId: string | undefined, mode?: string) {
|
|
const navigate = useNavigate();
|
|
const { data: stores, isLoading } = useMyStores();
|
|
|
|
const current = stores?.find((s) => s.username === storeId);
|
|
|
|
useEffect(() => {
|
|
if (isLoading || mode === "create") return;
|
|
if (!storeId) {
|
|
navigate("/");
|
|
return;
|
|
}
|
|
if (stores === undefined) return; // not loaded yet
|
|
if (!current) {
|
|
// Not a member of this store → send them to a store they can manage, else home.
|
|
if (stores.length > 0) navigate(`/store/${stores[0].username}`);
|
|
else navigate("/");
|
|
}
|
|
}, [stores, current, storeId, isLoading, navigate, mode]);
|
|
|
|
const ownedOrFirst = stores?.find((s) => s.role === "owner") ?? stores?.[0];
|
|
|
|
return {
|
|
isLoading,
|
|
isMember: !!current,
|
|
role: current?.role ?? null,
|
|
isOwner: current?.role === "owner",
|
|
userStoreId: ownedOrFirst?.username,
|
|
stores: stores ?? [],
|
|
};
|
|
}
|