Deploy to PROD 10/30/25

.github/workflows/deploy-python-backend-dev.yml

@@ -20,16 +20,19 @@ jobs:
     steps:
       - name: Checkout code
         uses: actions/checkout@v5
-      - name: Install Python 3.11
-        run: |
-          sudo add-apt-repository ppa:deadsnakes/ppa -y
-          sudo apt update
-          sudo apt install python3.11 python3.11-venv python3-pip
-      - name: Build and deploy to Firebase
-        uses: w9jds/firebase-action@v13.18.0
+      - name: Setup build environment
+        uses: ./.github/actions/setup-repo
+      - name: Setup python
+        uses: actions/setup-python@v6
         with:
-          args: deploy --force --only functions:maple-llm
-        env:
-          GCP_SA_KEY: ${{ secrets.GCP_SERVICE_ACCOUNT_KEY }}
-          ASSEMBLY_API_KEY: ${{ secrets.ASSEMBLY_API_KEY }}
-          PROJECT_ID: digital-testimony-dev
+          python-version: "3.11"
+      - name: Setup Firebase
+        # The only tag on this repo is v1.0.0, but it is very old
+        # This SHA is main as of 2025-10-21
+        uses: w9jds/setup-firebase@869785322147e6a53d463a55db0a5af1b4ce4ba6
+        with:
+          tools-version: 13.18.0
+          gcp_sa_key: ${{ secrets.GCP_SERVICE_ACCOUNT_KEY }}
+          project_id: digital-testimony-dev
+      - name: Deploy Python firebase functions
+        run: firebase deploy --force --only functions:maple-llm

components/BillStatusCard/BillStatusCard.tsx

@@ -66,7 +66,6 @@ const StatusStyle = styled.div`
   background-color: white;
   color: black;
 
-  font-family: Nunito;
   font-style: normal;
   font-weight: 500;
   font-size: 1.5rem;

components/Card/Card.tsx

@@ -43,16 +43,18 @@ export const Card = (CardProps: CardProps) => {
   } = CardProps
 
   const headerContent = header ? (
-    <CardTitle
-      header={header}
-      subheader={subheader}
-      timestamp={timestamp}
-      imgSrc={imgSrc}
-      inHeaderElement={inHeaderElement}
-    />
-  ) : headerElement ? (
-    headerElement
-  ) : null
+    <CardBootstrap.Body className="align-items-center d-flex px-2 pt-2 pb-0">
+      <CardBootstrap.Body className="px-3 py-0">
+        <CardTitle>
+          <CardBootstrap.Title className="align-items-start fs-6 lh-sm mb-1 text-secondary">
+            <strong>{header}</strong>
+          </CardBootstrap.Title>
+        </CardTitle>
+      </CardBootstrap.Body>
+    </CardBootstrap.Body>
+  ) : (
+    headerElement ?? null
+  )
 
   const bodyContent = body ? (
     body

components/Card/CardTitle.tsx

@@ -1,218 +1,22 @@
-import { useTranslation } from "next-i18next"
-import { ReactElement } from "react"
-import CardBootstrap from "react-bootstrap/Card"
-import { formatBillId } from "components/formatting"
-import { Internal } from "components/links"
+import clsx from "clsx"
+import React from "react"
 
-interface CardTitleProps {
-  authorUid?: string
-  billId?: string
-  court?: string
-  header?: string
-  subheader?: string
-  timestamp?: string
-  imgSrc?: string
-  inHeaderElement?: ReactElement
-  isBillMatch?: boolean
-  isUserMatch?: boolean
-  type?: string
-  userRole?: string
-  isNewsfeed?: string
+type CardTitleBaseProps = {
+  title?: React.ReactNode
+  className?: string
+  children?: React.ReactNode
 }
 
-export const CardTitle = (props: CardTitleProps) => {
-  const {
-    authorUid,
-    billId,
-    court,
-    header,
-    isBillMatch,
-    isUserMatch,
-    subheader,
-    type,
-    userRole,
-    isNewsfeed
-  } = props
-
+const CardTitle: React.FC<CardTitleBaseProps> = ({
+  title,
+  children,
+  className
+}) => {
   return (
-    <CardBootstrap.Body className={`align-items-center d-flex px-2 pt-2 pb-0`}>
-      <CardHeaderImg type={type} userRole={userRole} />
-      <CardBootstrap.Body className="px-3 py-0">
-        <CardTitleHeadline
-          authorUid={authorUid}
-          billId={billId}
-          court={court}
-          header={header}
-          subheader={subheader}
-          type={type}
-        />
-        {isNewsfeed ? (
-          <CardTitleFollowing
-            billId={billId}
-            header={header}
-            subheader={subheader}
-            isBillMatch={isBillMatch}
-            isUserMatch={isUserMatch}
-            type={type}
-          />
-        ) : (
-          <></>
-        )}
-      </CardBootstrap.Body>
-    </CardBootstrap.Body>
+    <div className={clsx("card-title", className)}>{title ?? children}</div>
   )
 }
 
-const CardHeaderImg = (props: CardTitleProps) => {
-  const { type, userRole } = props
-
-  let avatar = `individualUser.svg`
-  if (userRole == `organization`) {
-    avatar = `OrganizationUser.svg`
-  }
-
-  switch (type) {
-    case "testimony":
-      return (
-        <div className="justify-content-middle d-flex flex-column align-items-center">
-          <img alt="capitol building" src={avatar} width="32" height="32" />
-        </div>
-      )
-    case "bill":
-      return (
-        <div className="justify-content-middle d-flex flex-column align-items-center">
-          <img
-            alt="capitol building"
-            src={`/images/bill-capitol.svg`}
-            width="32"
-            height="32"
-          />
-        </div>
-      )
-    default:
-      return <></>
-  }
-}
-
-const CardTitleHeadline = (props: CardTitleProps) => {
-  const { authorUid, billId, court, header, subheader, type } = props
-  const { t } = useTranslation("common")
-
-  switch (type) {
-    case "testimony":
-      return (
-        <>
-          {header && subheader && (
-            <CardBootstrap.Title
-              className={`align-items-start fs-6 lh-sm mb-1 text-secondary`}
-            >
-              <Internal href={`/profile?id=${authorUid}`}>
-                <strong>{subheader}</strong>
-              </Internal>
-
-              {t("newsfeed.endorsed")}
-              <a href={`/bills/${court}/${billId}`}>
-                {billId && <strong>{formatBillId(billId)}</strong>}
-              </a>
-            </CardBootstrap.Title>
-          )}
-        </>
-      )
-    case "bill":
-      return (
-        <>
-          {header && (
-            <CardBootstrap.Title
-              className={`align-items-start fs-6 lh-sm mb-1 text-secondary`}
-            >
-              {billId && (
-                <a href={`/bills/${court}/${billId}`}>
-                  <strong>{formatBillId(billId)}</strong>
-                </a>
-              )}{" "}
-              {subheader && (
-                <>
-                  {t("newsfeed.actionUpdate")}
-                  {subheader}
-                </>
-              )}
-            </CardBootstrap.Title>
-          )}
-        </>
-      )
-    default:
-      return (
-        <CardBootstrap.Title
-          className={`align-items-start fs-6 lh-sm mb-1 text-secondary`}
-        >
-          <strong>{header}</strong>
-        </CardBootstrap.Title>
-      )
-  }
-}
-
-const CardTitleFollowing = (props: CardTitleProps) => {
-  const { billId, header, isBillMatch, isUserMatch, subheader, type } = props
-  const { t } = useTranslation("common")
-
-  if (type == ``) {
-    return <></>
-  } else if (type === `bill`) {
-    return (
-      <>
-        {header && (
-          <CardBootstrap.Title
-            className={`align-items-start fs-6 lh-sm mb-1 text-body-tertiary`}
-          >
-            {isBillMatch ? (
-              <>{t("newsfeed.follow")}</>
-            ) : (
-              <>{t("newsfeed.notFollow")}</>
-            )}
-            {billId && <strong>{formatBillId(billId)}</strong>}
-          </CardBootstrap.Title>
-        )}
-      </>
-    )
-  } else if (isBillMatch && isUserMatch) {
-    return (
-      <CardBootstrap.Title
-        className={`align-items-start fs-6 lh-sm mb-1 text-body-tertiary`}
-      >
-        {t("newsfeed.follow")}
-        {billId && <strong>{formatBillId(billId)}</strong>}
-        {t("newsfeed.and")}
-        {subheader}
-      </CardBootstrap.Title>
-    )
-  } else if (isBillMatch === true && isUserMatch === false) {
-    return (
-      <CardBootstrap.Title
-        className={`align-items-start fs-6 lh-sm mb-1 text-body-tertiary`}
-      >
-        {t("newsfeed.follow")}
-        {billId && <strong>{formatBillId(billId)}</strong>}
-      </CardBootstrap.Title>
-    )
-  } else if (isBillMatch === false && isUserMatch === true) {
-    return (
-      <CardBootstrap.Title
-        className={`align-items-start fs-6 lh-sm mb-1 text-body-tertiary`}
-      >
-        {t("newsfeed.follow")}
-        {subheader}
-      </CardBootstrap.Title>
-    )
-  } else {
-    return (
-      <CardBootstrap.Title
-        className={`align-items-start fs-6 lh-sm mb-1 text-body-tertiary`}
-      >
-        {t("newsfeed.notFollowEither")}
-        {billId && <strong>{formatBillId(billId)}</strong>}
-        {t("newsfeed.or")}
-        {subheader}
-      </CardBootstrap.Title>
-    )
-  }
-}
+// keep both named + default so existing imports don’t break
+export { CardTitle }
+export default CardTitle

components/ContactInfo/ContactInfo.tsx

@@ -7,7 +7,6 @@ export const Container = styled.div`
   align-items: flex-end;
   gap: 5px;
   font-size: 22;
-  font-family: Nunito;
 `
 export const Link = styled.a`
   color: inherit;

components/EditProfilePage/ProfileSettingsModal.tsx

@@ -146,6 +146,9 @@ export default function ProfileSettingsModal({
                     variant="outline-secondary"
                   />
                   <Dropdown.Menu className={`col-12 bg-white `}>
+                    <Dropdown.Item onClick={() => setNotifications("Daily")}>
+                      {t("email.daily")}
+                    </Dropdown.Item>
                     <Dropdown.Item onClick={() => setNotifications("Weekly")}>
                       {t("email.weekly")}
                     </Dropdown.Item>

components/EditProfilePage/StyledEditProfileComponents.tsx

@@ -19,7 +19,6 @@ export const StyledTabNav = styled(Nav).attrs(props => ({
   }
 
   text-align: center;
-  font-family: Nunito;
   font-size: 1.25rem;
   color: var(--bs-dark);
 
@@ -82,7 +81,6 @@ export const TabNavItem = ({
 export const StyledDropdownNav = styled(NavDropdown).attrs(props => ({
   className: props.className
 }))`
-  font-family: Nunito;
   font-size: 1.25rem;
   width: auto;
   margin: auto;
@@ -140,7 +138,6 @@ export const StyledHr = styled.hr`
 
 export const Header = styled(Row)`
   font-size: 3rem;
-  font-family: Nunito;
   font-weight: 500;
   margin-top: 3.5rem;
   margin-bottom: 3.5rem;

components/FollowingCard/FollowingCard.tsx

@@ -20,7 +20,6 @@ const Container = styled.div`
 const Link = styled.a`
   text-decoration: none;
   color: inherit;
-  font-family: Nunito;
   font-size: 20px;
   line-height: 25px;
 `

components/Footer/Footer.tsx

@@ -12,6 +12,7 @@ import CustomDropdown, {
 } from "components/Footer/CustomFooterDropdown"
 import { FooterContainer } from "./FooterContainer"
 import { NEWSLETTER_SIGNUP_URL } from "components/common"
+import { flags } from "../featureFlags"
 
 export type PageFooterProps = {
   children?: any
@@ -24,15 +25,13 @@ const TextHeader = styled.h6`
   font-size: 1rem;
   font-weight: bold;
   color: #fff;
-  font-family: Nunito;
   padding: 0.5rem 1rem 0 0;
   margin: 0;
 `
 
 const BrowseHeader = styled(NavLink)`
   font-size: 1rem;
   color: #fff;
-  font-family: Nunito;
   padding: 0.5rem 1rem 0 0;
   margin: 0 0 10px 0;
 
@@ -50,7 +49,6 @@ const BrowseHeader = styled(NavLink)`
 
 const StyledInternalLink = styled(NavLink)`
   color: rgba(255, 255, 255, 0.55);
-  font-family: Nunito;
   letter-spacing: -0.63px;
   padding-top: 4;
   margin: 5px 0;
@@ -220,6 +218,11 @@ const BrowseList = () => {
       <BrowseHeader href="/testimony">
         {t("navigation.browseTestimony")}
       </BrowseHeader>
+      {flags().hearingsAndTranscriptions ? (
+        <BrowseHeader href="/hearings">
+          {t("navigation.browseHearings")}
+        </BrowseHeader>
+      ) : null}
       <BrowseHeader href="/bills">{t("navigation.browseBills")}</BrowseHeader>
     </>
   )