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 };
};