improving lobbying data pipeline reliability (part 2, depends on #2182)

components/Navbar.tsx

@@ -16,6 +16,7 @@ import {
   NavbarLinkAiTools,
   NavbarLinkEffective,
   NavbarLinkHearings,
+  NavbarLinkLobbying,
   NavbarLinkProcess,
   NavbarLinkWhyUse,
   NavbarLinkEditProfile,
@@ -80,6 +81,9 @@ const MobileNav: React.FC<React.PropsWithChildren<unknown>> = () => {
           <NavbarLinkHearings handleClick={closeNav} />
         ) : null}
         <NavbarLinkTestimony handleClick={closeNav} />
+        {flags().lobbyingTable ? (
+          <NavbarLinkLobbying handleClick={closeNav} />
+        ) : null}
         {authenticated ? <NavbarLinkNewsfeed handleClick={closeNav} /> : <></>}
         <NavDropdown className={"navLink-primary"} title={t("about")}>
           <NavbarLinkGoals handleClick={closeNav} />
@@ -235,6 +239,12 @@ const DesktopNav: React.FC<React.PropsWithChildren<unknown>> = () => {
         <NavbarLinkTestimony />
       </div>
 
+      {flags().lobbyingTable ? (
+        <div className={`align-self-center`}>
+          <NavbarLinkLobbying />
+        </div>
+      ) : null}
+
       {authenticated ? (
         <div className="align-self-center">
           <NavbarLinkNewsfeed />

components/NavbarComponents.tsx

@@ -142,6 +142,27 @@ export const NavbarLinkBills: React.FC<
   )
 }
 
+export const NavbarLinkLobbying: React.FC<
+  React.PropsWithChildren<{
+    handleClick?: any
+    other?: any
+  }>
+> = ({ handleClick, other }) => {
+  const isMobile = useMediaQuery("(max-width: 768px)")
+  const { t } = useTranslation(["common", "auth"])
+  return (
+    <Nav.Item onClick={handleClick}>
+      <NavLink
+        className={isMobile ? "navLink-primary" : DESKTOP_NAV_ITEM_CLASS}
+        href="/lobbying"
+        {...other}
+      >
+        {t("navigation.lobbying")}
+      </NavLink>
+    </Nav.Item>
+  )
+}
+
 export const NavbarLinkBallotQuestions: React.FC<
   React.PropsWithChildren<{
     handleClick?: any

components/bill/BillDetails.tsx

@@ -6,7 +6,7 @@ import { Banner } from "../shared/StyledSharedComponents"
 import { BillNumber, Styled } from "./BillNumber"
 import { BillTestimonies } from "./BillTestimonies"
 import BillTrackerConnectedView from "./BillTracker"
-import { LobbyingTable } from "./LobbyingTable"
+import { LobbyingBillCard } from "components/lobbying/LobbyingBillCard"
 import { Committees, Hearing, Sponsors } from "./SponsorsAndCommittees"
 import { Status } from "./Status"
 import { Summary } from "./Summary"
@@ -99,7 +99,11 @@ export const BillDetails = ({ bill }: BillProps) => {
 
             <BillTestimonies bill={bill} className="mt-4" />
             {flags.lobbyingTable && (
-              <LobbyingTable bill={bill} className="mt-4 pb-1" />
+              <LobbyingBillCard
+                court={bill.court}
+                billId={bill.id}
+                className="mt-4 pb-1"
+              />
             )}
           </Col>
           <Col md={4}>