Ballot Initiative Banner (codeforboston#2076)

* add ballot_init banner, hide sponsors

* updated text

Author: mertbagt

components/bill/BillDetails.tsx

@@ -22,15 +22,22 @@ export const BillDetails = ({ bill }: BillProps) => {
 
   const isPendingUpgrade = useAuth().claims?.role === "pendingUpgrade"
   const flags = useFlags()
-
   const { user } = useAuth()
 
+  let isBallotMeasure = false
+  const curComm = bill?.currentCommittee?.id
+
+  if (curComm == "SJ42") {
+    isBallotMeasure = true
+  }
+
   return (
     <>
       {isPendingUpgrade && <PendingUpgradeBanner />}
       {!isCurrentCourt(bill.court) && (
         <Banner>{t("bill.old_session", { billCourt: bill.court })}</Banner>
       )}
+      {isBallotMeasure && <Banner>{t("bill.ballot_initiative")}</Banner>}
 
       <Container className="mt-3 mb-3">
         <Row>
@@ -74,14 +81,19 @@ export const BillDetails = ({ bill }: BillProps) => {
             </Col>
           </Row>
         )}
-        <Row className="mt-2">
+        <Row className="my-2">
           <Col>
             <Summary bill={bill} />
           </Col>
         </Row>
-        <Row>
+        <Row className="mt-4">
           <Col md={8}>
-            <Sponsors bill={bill} className="mt-4 pb-1" />
+            {isBallotMeasure ? (
+              <></>
+            ) : (
+              <Sponsors bill={bill} className="pb-1" />
+            )}
+
             <BillTestimonies bill={bill} className="mt-4" />
             {flags.lobbyingTable && (
               <LobbyingTable bill={bill} className="mt-4 pb-1" />

public/locales/en/common.json

@@ -11,6 +11,7 @@
   "bill": {
     "and_others_one": "and {{count}} other",
     "and_others_other": "and {{count}} others",
+    "ballot_initiative": "This bill corresponds to a ballot initiative. The bill is currently before the Legislature, which may choose to enact it directly instead of sending it to voters.",
     "bill_tracker": "Bill Tracker",
     "bill_cosponsors": "{{billId}} Cosponsors",
     "branch": "Branch",