diff --git a/src/components/Dashboard/Opportunities/Filters/FiltersContent.tsx b/src/components/Dashboard/Opportunities/Filters/FiltersContent.tsx index a42dcc3c..4397f130 100644 --- a/src/components/Dashboard/Opportunities/Filters/FiltersContent.tsx +++ b/src/components/Dashboard/Opportunities/Filters/FiltersContent.tsx @@ -13,7 +13,8 @@ type Props = { export default function FiltersContent({ setFilter, filter }: Props) { const { t } = useTranslation(); - const { isAuthorized } = useAuth(); + const { isAuthorized, isAgent } = useAuth(); + const canSeeFullView = isAuthorized || isAgent; const { districtFilters, languageFilters, statusFilters, typeFilters, activityFilters, availabilityFilters } = createOpportunityFilterItems(filter, setFilter, t); @@ -24,7 +25,7 @@ export default function FiltersContent({ setFilter, filter }: Props) { - {isAuthorized && ( + {canSeeFullView && ( mode === urlViewParam); const selectedTabIndex = foundIndex === -1 ? 0 : foundIndex; const viewMode = VIEW_MODE_BY_TAB[selectedTabIndex]; diff --git a/src/components/Dashboard/Opportunities/OpportunityCardList.tsx b/src/components/Dashboard/Opportunities/OpportunityCardList.tsx index 4de6f26a..9ed538a1 100644 --- a/src/components/Dashboard/Opportunities/OpportunityCardList.tsx +++ b/src/components/Dashboard/Opportunities/OpportunityCardList.tsx @@ -26,10 +26,11 @@ export function OpportunityCardList({ activitiesList, districtsList, }: Props) { - const { isAuthorized } = useAuth(); + const { isAuthorized, isAgent } = useAuth(); + const canSeeFullView = isAuthorized || isAgent; const items = opportunities.map((opp) => - isAuthorized ? ( + canSeeFullView ? ( createOpportunityTableColumns(t), [t]); const readOnlyColumns = useMemo(() => createReadOnlyAgentTableColumns(t), [t]); return ( - isAuthorized ? ( + canSeeFullView ? ( { const user = useCurrentUser(); const personId = user?.personId; const agentId = user?.agentId; + const isAgent = user?.role === UserRole.AGENT; const isAuthorized = user?.role === UserRole.ADMIN || user?.role === UserRole.COORDINATOR; const isOwnProfile = - (user?.role === UserRole.VOLUNTEER && personId === compareId) || - (user?.role === UserRole.AGENT && agentId === compareId); + (user?.role === UserRole.VOLUNTEER && personId === compareId) || (isAgent && agentId === compareId); - return { isAuthorized, isOwnProfile }; + return { isAuthorized, isOwnProfile, isAgent }; };