family hubs

src/App.jsx

@@ -437,6 +437,7 @@ const App = ({ children, location, navigate }) => {
                 clearCategory={setCollection}
                 clearSubCategory={setCategories}
                 clearPerPage={setPerPage}
+                clearMeta={setMeta}
               />
             </Filters>
           </>

src/components/ClearFilters/index.jsx

@@ -41,6 +41,7 @@ const ClearFilters = ({
   clearCategory,
   clearSubCategory,
   clearPerPage,
+  clearMeta,
 }) => {
   const actionClearFilters = e => {
     e && e.preventDefault()
@@ -53,6 +54,8 @@ const ClearFilters = ({
 
     clearPerPage(false)
 
+    clearMeta([])
+
     Object.keys(filters).forEach(function (key) {
       filters[key].clear.map((clr, i) => clr(filters[key].clearValue[i]))
     })

src/components/FamilyHubsNetwork/FamilyHubsNetworkTag.jsx

@@ -0,0 +1,29 @@
+import React from "react"
+import styled from "styled-components"
+import logo from "./family-hubs-icon.png"
+
+// import { theme } from "./../../themes/theme_generator"
+
+const FamilyHubsNetwork = styled.strong`
+  margin-right: 15px;
+  margin-bottom: 2px;
+  background: ${props => props.theme.styles.pale};
+  color: #368a8e;
+  border-radius: 2px;
+  padding: 0px 6px;
+  display: flex;
+  &:before {
+    content: "";
+    display: inline-block;
+    margin-right: 8px;
+    width: 25px;
+    height: 24px;
+    background-image: url(${logo});
+    background-size: cover;
+    background-position: center;
+  }
+`
+
+export const FamilyHubsNetworkTag = () => {
+  return <FamilyHubsNetwork>Part of Family Hubs Network</FamilyHubsNetwork>
+}

src/components/FamilyHubsNetwork/index.js

@@ -0,0 +1 @@
+export * from "./FamilyHubsNetworkTag"

src/components/ServiceCardFooter/index.jsx

@@ -75,6 +75,7 @@ const ServiceCardFooter = props => {
   return (
     <Footer>
       {local_offer && <LocalOfferTag>Part of SEND local offer</LocalOfferTag>}
+      {theme.ServiceCardFooter && theme.ServiceCardFooter(props)}
       {theme.noLocationIsCountywide && countywide && (
         <CountyWideServiceTag>
           {theme.serviceCard.countyWideServiceText}

src/themes/bfis/vars_bfis.jsx

@@ -4,6 +4,7 @@ import logo from "./logo.svg"
 import * as Styles from "../../components/Footer/Footer.styles"
 import ResponsiveSentence from "../../components/ResponsiveSentence"
 import { AStrong } from "../../components/A"
+import { FamilyHubsNetworkTag } from "../../components/FamilyHubsNetwork"
 
 export const vars_bfis = {
   slug: "bfis",
@@ -191,6 +192,13 @@ export const vars_bfis = {
       }
     />
   ),
+  ServiceCardFooter: args => {
+    return (
+      <>
+        <FamilyHubsNetworkTag />
+      </>
+    )
+  },
 }
 
 export default vars_bfis

src/themes/theme_generator.jsx

@@ -90,6 +90,7 @@ const generate_theme = (vars, theme_vars) => {
     headerComponents: vars.headerComponents ?? vars.headerComponents,
     headerComponentsBeforeSearch:
       vars.headerComponentsBeforeSearch ?? vars.headerComponentsBeforeSearch,
+    ServiceCardFooter: vars.ServiceCardFooter ?? vars.ServiceCardFooter,
     cookiesDisabledMessage: vars.cookiesDisabledMessage,
     cookieMessage: vars.cookieMessage,
     cookieName: vars.cookieName,