mirror of
https://github.com/DOI-DO/j40-cejst-2.git
synced 2025-10-22 23:43:52 -07:00
Updated side panel for score L launch (#1022)
* Remove un-needed state and useEffect vars * Add initial Accordion UI to side panel - abstract out Indicators to separate component - add snapshot test - define new indicators in EXPLORE copy - intl copy to AreaDetail component * Make side panel indicators styling match design * Rename export IndicatorCategory -> CategoryCard * Add disadvangted dots to category and indicators - add new Category component - add new DisadvantageDot component - make copy corrections - comment out send feedback link in side panel * Integrate MapLegend's dot into component - change color to 'blue-warm-70v' - update map stroke to 'blue-warm-70v' * Add new indicator names from BE - add abbreviations and use key in json file to decode
This commit is contained in:
parent
9709d08ca3
commit
8a0e3a1293
31 changed files with 1780 additions and 825 deletions
22
client/src/components/Category/Category.tsx
Normal file
22
client/src/components/Category/Category.tsx
Normal file
|
@ -0,0 +1,22 @@
|
|||
import React from 'react';
|
||||
import DisadvantageDot from '../DisadvantageDot';
|
||||
|
||||
import * as styles from './Category.module.scss';
|
||||
|
||||
interface ICategory {
|
||||
name: string;
|
||||
isDisadvantaged: boolean;
|
||||
}
|
||||
|
||||
const Category = ({name, isDisadvantaged}:ICategory) => {
|
||||
return (
|
||||
<div className={styles.categoryContainer}>
|
||||
<div>
|
||||
{name}
|
||||
</div>
|
||||
<DisadvantageDot isDisadvantaged={isDisadvantaged}/>
|
||||
</div>
|
||||
);
|
||||
};
|
||||
|
||||
export default Category;
|
Loading…
Add table
Add a link
Reference in a new issue