Add ability to hide categories and last assured date

211-Connect · Aug 28, 2023 · 7dfa38e · 7dfa38e
1 parent b813754
commit 7dfa38e
Show file tree

Hide file tree

Showing 2 changed files with 43 additions and 29 deletions.
diff --git a/packages/client/app.defaults.json b/packages/client/app.defaults.json
@@ -42,6 +42,10 @@
  "description": "211 connects callers, at no cost, to critical health and human services in their community. If you're unable to find a service, please dial 211 for assistance."
  },
  "showLocationInput": false
+ },
+ "resource": {
+ "hideCategories": false,
+ "hideLastAssured": false
  }
  },
  "menus": {

diff --git a/packages/client/components/organisms/ResourceOverviewSection.tsx b/packages/client/components/organisms/ResourceOverviewSection.tsx
@@ -20,6 +20,7 @@ import {
  USER_PREF_COORDS,
  USER_PREF_LOCATION,
 } from '../../lib/constants/cookies';
+import { useAppConfig } from '../../lib/hooks/useAppConfig';
 
 type Props = {
  id: string;
@@ -45,6 +46,7 @@ export function ResourceOverviewSection(props: Props) {
  const theme = useMantineTheme();
  const [cookies] = useCookies();
  const [coords, setCoords] = useState(null);
+ const config = useAppConfig();
 
  useEffect(() => {
  if (cookies[USER_PREF_COORDS] && cookies[USER_PREF_LOCATION]) {
@@ -76,36 +78,44 @@ export function ResourceOverviewSection(props: Props) {
 
  <Divider />
 
- <Title size="h4" mt="lg" mb="xs" order={3} color="primary">
- {t('categories')}
- </Title>
- <Group>
- {props.categories?.map((el: any) => {
- return (
- <Badge
- key={el.code}
- component={Link}
- href={`/search?query=${encodeURIComponent(
- el.code
- )}&query_label=${encodeURIComponent(
- el.name
- )}&query_type=taxonomy`}
- sx={{
- textDecoration: 'underline',
- cursor: 'pointer',
- textTransform: 'initial',
- }}
- >
- {el.name}
- </Badge>
- );
- })}
- </Group>
+ {config?.pages?.resource?.hideCategories ? null : (
+ <>
+ <Title size="h4" mt="lg" mb="xs" order={3} color="primary">
+ {t('categories')}
+ </Title>
+ <Group>
+ {props.categories?.map((el: any) => {
+ return (
+ <Badge
+ key={el.code}
+ component={Link}
+ href={`/search?query=${encodeURIComponent(
+ el.code
+ )}&query_label=${encodeURIComponent(
+ el.name
+ )}&query_type=taxonomy`}
+ sx={{
+ textDecoration: 'underline',
+ cursor: 'pointer',
+ textTransform: 'initial',
+ }}
+ >
+ {el.name}
+ </Badge>
+ );
+ })}
+ </Group>
+ </>
+ )}
 
- <Title size="h4" mt="lg" order={3} color="primary">
- {t('last_assured')}
- </Title>
- <Text size="xs">{props.lastAssuredOn || t('unknown')}</Text>
+ {config?.pages?.resource?.hideLastAssured ? null : (
+ <>
+ <Title size="h4" mt="lg" order={3} color="primary">
+ {t('last_assured')}
+ </Title>
+ <Text size="xs">{props.lastAssuredOn || t('unknown')}</Text>
+ </>
+ )}
 
  <MediaQuery largerThan="md" styles={{ flexDirection: 'row' }}>
  <Stack mt="lg">