Merge pull request #342 from policy-design-lab/release-1.4.0

Release 1.4.0

CHANGELOG.md

@@ -4,6 +4,12 @@ All notable changes to this project will be documented in this file.
 The format is based on [Keep a Changelog](http://keepachangelog.com/en/1.0.0/)
 and this project adheres to [Semantic Versioning](http://semver.org/spec/v2.0.0.html).
 
+## [1.4.0] - 2024-11-26
+
+### Added
+- Add selector to the EQIP and CSO total page for users to select the program and get the total amount of the selected programs in both the map and the table [#329](https://github.com/policy-design-lab/pdl-frontend/issues/329) 
+- Add table column pagination to the EQIP and CSO total page to allow users to navigate through the table columns [#331](https://github.com/policy-design-lab/pdl-frontend/issues/331) 
+
 ## [1.3.0] - 2024-11-04
 
 ### Changed
@@ -304,6 +310,7 @@ and this project adheres to [Semantic Versioning](http://semver.org/spec/v2.0.0.
 - Map data json [#12](https://github.com/policy-design-lab/pdl-frontend/issues/12)
 - Final landing page changes for initial milestone [#15](https://github.com/policy-design-lab/pdl-frontend/issues/15)
 
+[1.4.0]: https://github.com/policy-design-lab/pdl-frontend/compare/1.3.0...1.4.0
 [1.3.0]: https://github.com/policy-design-lab/pdl-frontend/compare/1.2.0...1.3.0
 [1.2.0]: https://github.com/policy-design-lab/pdl-frontend/compare/1.1.0...1.2.0
 [1.1.0]: https://github.com/policy-design-lab/pdl-frontend/compare/1.0.5...1.1.0

package.json

@@ -1,6 +1,6 @@
 {
   "name": "policy-design-lab",
-  "version": "1.3.0",
+  "version": "1.4.0",
   "description": "the front end of policy design lab",
   "repository": "https://github.com/policy-design-lab/pdl-frontend",
   "main": "src/app.tsx",

src/components/NavBar.tsx

@@ -75,6 +75,7 @@ export default function NavBar({
                 <AppBar
                     variant="outlined"
                     component="nav"
+                    elevation={0}
                     sx={{ position: "relative", border: "1px solid transparent" }}
                 >
                     <Toolbar>

src/components/SemiDonutChart.tsx

@@ -74,7 +74,7 @@ export default function SemiDonutChart({ data, label1, label2 }: any): JSX.Eleme
                     />
                     <Label value={label2} position="center" dy={-15} />
                     {data.map((entry) => (
-                        <Cell key={entry.id} fill={entry.color} />
+                        <Cell key={entry.color} fill={entry.color} />
                     ))}
                 </Pie>
                 <Pie
@@ -90,7 +90,7 @@ export default function SemiDonutChart({ data, label1, label2 }: any): JSX.Eleme
                     label={renderCustomizedLabel2}
                 >
                     {data.map((entry) => (
-                        <Cell key={entry.id} fillOpacity={0} />
+                        <Cell key={entry.color} fillOpacity={0} />
                     ))}
                 </Pie>
                 <Tooltip