[ENG-576] - User journey: New Case Component Step 1 #383

wayangalihpratama · 2025-01-06T01:26:38Z

https://app.asana.com/0/1208975344631584/1208919811519862/f

* [#383] Move current case page into old-cases * [#383] Init new case page * [#383] Load cases data in new case page * [#383] New cases page * [#383] Implement new case filter * [#383] Implement new case settings modal visual * [#383] Handle case settings behaviour with new state management * [#383] Handle save new case settings without segments value * [#383] Support add segments when create case settings * [#383] Support segments payload on update case endpoint * [#383] Handle new case setting with segments correctly * [#383] Breakdown case settings into components * [#383] Initial new case detail page with sidebar * [#383] Handle load case detail in edit case page * [#383] Set step sidebar as fixed sidebar * [#383] Render case title and case settings form in CaseWrapper * [#383] Refactor the export function, static, & lib to correct place * [#383] Load current case settings value correctly * [#385] Refine step path and load related page * [#385] Handle close case setting modal after saved success * [#385] Init set income target page layout * [#385] Refine segment tabs as a wrapper to be reused in another page * [#385] Load region options in set an income target page * [#385] Load income target value and source when select region * [#385] Add segment id into form name for SetIncomeTarget * [#385] Fix yarn lint * [#385] Finalize set income target state update * [#385] Load initial value for SetIncomeTarget * [#385] Add Back/Next button on parent and send the props into children * [#385] Handle change hh adult/child value * [#385] Handle save SetIncomeTarget * [#383] Handle number of farmers field on segment

* Feature/user journey step 1 * [#383] Move current case page into old-cases * [#383] Init new case page * [#383] Load cases data in new case page * [#383] New cases page * [#383] Implement new case filter * [#383] Implement new case settings modal visual * [#383] Handle case settings behaviour with new state management * [#383] Handle save new case settings without segments value * [#383] Support add segments when create case settings * [#383] Support segments payload on update case endpoint * [#383] Handle new case setting with segments correctly * [#383] Breakdown case settings into components * [#383] Initial new case detail page with sidebar * [#383] Handle load case detail in edit case page * [#383] Set step sidebar as fixed sidebar * [#383] Render case title and case settings form in CaseWrapper * [#383] Refactor the export function, static, & lib to correct place * [#383] Load current case settings value correctly * [#385] Refine step path and load related page * [#385] Handle close case setting modal after saved success * [#385] Init set income target page layout * [#385] Refine segment tabs as a wrapper to be reused in another page * [#385] Load region options in set an income target page * [#385] Load income target value and source when select region * [#385] Add segment id into form name for SetIncomeTarget * [#385] Fix yarn lint * [#385] Finalize set income target state update * [#385] Load initial value for SetIncomeTarget * [#385] Add Back/Next button on parent and send the props into children * [#385] Handle change hh adult/child value * [#385] Handle save SetIncomeTarget * [#383] Handle number of farmers field on segment * Feature/389 user journey breakdown step pages into different url (#390) * [#389] Handle EnterIncomeData page button function * [#389] Handle case button on UnderstandIncomeGap * [#389] Handle case button on AssessImpactMitigationStrategies * [#389] Handle case button on ClosingGap * [#389] Handle EnterIncomeData right element (visuals) position in SegmentTabsWrapper * [#389] Get commodity questions * [#389] Add Total Income section * [#389] Fetch and regroup driver questions to follow new design layout * [#389] Move renderPercentageTag fn into lib file * [#389] Initial render driver questions * [#389] Render unit name and current/feasible value field * [#389] Handle disable input/lock when questions breakdown * [#389] Handle onValuesChange of income drivers * [#389] Handle total value in section, parent, and general total income * [#389] Handle income percentage value * [#389] Init handle save EnterIncomeData * [#389] Handle save EnterIncomeData value properly * Feature/391 user journey segment page lib per page (#392) * [#391] Move enableEditCase state into general CaseUIState * [#391] Initial layout for EnterIncomeData visual * [#391] Add income target card on EnterIncomeData page * [#391] Create VisualCardWrapper component * [#391] Render household income bar chart * [#391] Init UnderstandIncomeGap page * [#391] Create visuals component * [#391] Fetch questions on wrapper * [#391] Create dashboardData state * [#391] Render ChartIncomeGap * [#391] Create CompareIncomeGap visualization * [#391] Handle new user journey when prev case doesn't have any segments yet * [#391] Debugging with test full case data for current complete new user journey * [#391] Fix EnterIncomeData page onLoad & onValuesChange * [#391] Refine EnterIncomeData calculation * [#391] Handle enableEditCase state * [#391] Fix EnterIncomeData value & dashboardData calculation * [#391] Add answers & benchmark into segment put endpoint obj * [#391] Create ChartExploreIncomeDriversBreakdown * [#393] Initial AssessImpactMitigationStrategies page * [#391] Create biggest impact on income & monetary contribution chart * [#393] Initial binning driver form * [#393] Set sensitivity analysis value into state

* New User Journey (#388) * Feature/user journey step 1 * [#383] Move current case page into old-cases * [#383] Init new case page * [#383] Load cases data in new case page * [#383] New cases page * [#383] Implement new case filter * [#383] Implement new case settings modal visual * [#383] Handle case settings behaviour with new state management * [#383] Handle save new case settings without segments value * [#383] Support add segments when create case settings * [#383] Support segments payload on update case endpoint * [#383] Handle new case setting with segments correctly * [#383] Breakdown case settings into components * [#383] Initial new case detail page with sidebar * [#383] Handle load case detail in edit case page * [#383] Set step sidebar as fixed sidebar * [#383] Render case title and case settings form in CaseWrapper * [#383] Refactor the export function, static, & lib to correct place * [#383] Load current case settings value correctly * [#385] Refine step path and load related page * [#385] Handle close case setting modal after saved success * [#385] Init set income target page layout * [#385] Refine segment tabs as a wrapper to be reused in another page * [#385] Load region options in set an income target page * [#385] Load income target value and source when select region * [#385] Add segment id into form name for SetIncomeTarget * [#385] Fix yarn lint * [#385] Finalize set income target state update * [#385] Load initial value for SetIncomeTarget * [#385] Add Back/Next button on parent and send the props into children * [#385] Handle change hh adult/child value * [#385] Handle save SetIncomeTarget * [#383] Handle number of farmers field on segment * Feature/389 user journey breakdown step pages into different url (#390) * [#389] Handle EnterIncomeData page button function * [#389] Handle case button on UnderstandIncomeGap * [#389] Handle case button on AssessImpactMitigationStrategies * [#389] Handle case button on ClosingGap * [#389] Handle EnterIncomeData right element (visuals) position in SegmentTabsWrapper * [#389] Get commodity questions * [#389] Add Total Income section * [#389] Fetch and regroup driver questions to follow new design layout * [#389] Move renderPercentageTag fn into lib file * [#389] Initial render driver questions * [#389] Render unit name and current/feasible value field * [#389] Handle disable input/lock when questions breakdown * [#389] Handle onValuesChange of income drivers * [#389] Handle total value in section, parent, and general total income * [#389] Handle income percentage value * [#389] Init handle save EnterIncomeData * [#389] Handle save EnterIncomeData value properly * Feature/391 user journey segment page lib per page (#392) * [#391] Move enableEditCase state into general CaseUIState * [#391] Initial layout for EnterIncomeData visual * [#391] Add income target card on EnterIncomeData page * [#391] Create VisualCardWrapper component * [#391] Render household income bar chart * [#391] Init UnderstandIncomeGap page * [#391] Create visuals component * [#391] Fetch questions on wrapper * [#391] Create dashboardData state * [#391] Render ChartIncomeGap * [#391] Create CompareIncomeGap visualization * [#391] Handle new user journey when prev case doesn't have any segments yet * [#391] Debugging with test full case data for current complete new user journey * [#391] Fix EnterIncomeData page onLoad & onValuesChange * [#391] Refine EnterIncomeData calculation * [#391] Handle enableEditCase state * [#391] Fix EnterIncomeData value & dashboardData calculation * [#391] Add answers & benchmark into segment put endpoint obj * [#391] Create ChartExploreIncomeDriversBreakdown * [#393] Initial AssessImpactMitigationStrategies page * [#391] Create biggest impact on income & monetary contribution chart * [#393] Initial binning driver form * [#393] Set sensitivity analysis value into state * Feature/395 user journey update state management (#396) * [#395] Create line chart for sensitivity analysis page * [#395] Create sensitivity analysis heatmap chart * [#395] Create adjust income target section * [#395] Handle save sensitivity analysis config * [#395] Handle initial load sensitivity analysis data * [#395] Fix onLoad sensitivity analysis bugs * [#395] Initial adjut income target modal * [#395] Add style into adjust income target modal * [#395] Handle save adjusted income target * [#395] Move segment tabs wrapper into a layout component * [#395] Initial scenario modeling page * [#395] Initial render driver question for scenario modeling * [#395] Add segment selector into scenario modeling page * [#395] Refactor scenario modeling input * [#395] Create tree select dropdown for scenario modeling * [#395] Manage scenario form detail value & scenario driver * [#395] Manage scenario income driver initial and on change value

* New User Journey (#388) * Feature/user journey step 1 * [#383] Move current case page into old-cases * [#383] Init new case page * [#383] Load cases data in new case page * [#383] New cases page * [#383] Implement new case filter * [#383] Implement new case settings modal visual * [#383] Handle case settings behaviour with new state management * [#383] Handle save new case settings without segments value * [#383] Support add segments when create case settings * [#383] Support segments payload on update case endpoint * [#383] Handle new case setting with segments correctly * [#383] Breakdown case settings into components * [#383] Initial new case detail page with sidebar * [#383] Handle load case detail in edit case page * [#383] Set step sidebar as fixed sidebar * [#383] Render case title and case settings form in CaseWrapper * [#383] Refactor the export function, static, & lib to correct place * [#383] Load current case settings value correctly * [#385] Refine step path and load related page * [#385] Handle close case setting modal after saved success * [#385] Init set income target page layout * [#385] Refine segment tabs as a wrapper to be reused in another page * [#385] Load region options in set an income target page * [#385] Load income target value and source when select region * [#385] Add segment id into form name for SetIncomeTarget * [#385] Fix yarn lint * [#385] Finalize set income target state update * [#385] Load initial value for SetIncomeTarget * [#385] Add Back/Next button on parent and send the props into children * [#385] Handle change hh adult/child value * [#385] Handle save SetIncomeTarget * [#383] Handle number of farmers field on segment * Feature/389 user journey breakdown step pages into different url (#390) * [#389] Handle EnterIncomeData page button function * [#389] Handle case button on UnderstandIncomeGap * [#389] Handle case button on AssessImpactMitigationStrategies * [#389] Handle case button on ClosingGap * [#389] Handle EnterIncomeData right element (visuals) position in SegmentTabsWrapper * [#389] Get commodity questions * [#389] Add Total Income section * [#389] Fetch and regroup driver questions to follow new design layout * [#389] Move renderPercentageTag fn into lib file * [#389] Initial render driver questions * [#389] Render unit name and current/feasible value field * [#389] Handle disable input/lock when questions breakdown * [#389] Handle onValuesChange of income drivers * [#389] Handle total value in section, parent, and general total income * [#389] Handle income percentage value * [#389] Init handle save EnterIncomeData * [#389] Handle save EnterIncomeData value properly * Feature/391 user journey segment page lib per page (#392) * [#391] Move enableEditCase state into general CaseUIState * [#391] Initial layout for EnterIncomeData visual * [#391] Add income target card on EnterIncomeData page * [#391] Create VisualCardWrapper component * [#391] Render household income bar chart * [#391] Init UnderstandIncomeGap page * [#391] Create visuals component * [#391] Fetch questions on wrapper * [#391] Create dashboardData state * [#391] Render ChartIncomeGap * [#391] Create CompareIncomeGap visualization * [#391] Handle new user journey when prev case doesn't have any segments yet * [#391] Debugging with test full case data for current complete new user journey * [#391] Fix EnterIncomeData page onLoad & onValuesChange * [#391] Refine EnterIncomeData calculation * [#391] Handle enableEditCase state * [#391] Fix EnterIncomeData value & dashboardData calculation * [#391] Add answers & benchmark into segment put endpoint obj * [#391] Create ChartExploreIncomeDriversBreakdown * [#393] Initial AssessImpactMitigationStrategies page * [#391] Create biggest impact on income & monetary contribution chart * [#393] Initial binning driver form * [#393] Set sensitivity analysis value into state * Feature/395 user journey update state management (#396) * [#395] Create line chart for sensitivity analysis page * [#395] Create sensitivity analysis heatmap chart * [#395] Create adjust income target section * [#395] Handle save sensitivity analysis config * [#395] Handle initial load sensitivity analysis data * [#395] Fix onLoad sensitivity analysis bugs * [#395] Initial adjut income target modal * [#395] Add style into adjust income target modal * [#395] Handle save adjusted income target * [#395] Move segment tabs wrapper into a layout component * [#395] Initial scenario modeling page * [#395] Initial render driver question for scenario modeling * [#395] Add segment selector into scenario modeling page * [#395] Refactor scenario modeling input * [#395] Create tree select dropdown for scenario modeling * [#395] Manage scenario form detail value & scenario driver * [#395] Manage scenario income driver initial and on change value * [#398] Fix react duplicate keys warning * [#398] Update segment answer when scenario driver changed * [#398] Create new dashboard data value * [#398] Try to recalculate the income drivers on ScenarioModelingForm * [#399] Update step1 wording * [#399] Enable show label in ChartCalculatedHhIncome * [#399] Enable export functionality * [#399] Create ExploreDataFromOtherStudies table * [#399] Rotate chart xAxis label * [#399] Enable show label and export btn in Understand income gap page * [#399] Create ExploreIncomeLevelsForDifferentCommodities chart * [#399] Update assess impact page * [#399] Update adjust income target modal step

* New User Journey (#388) * Feature/user journey step 1 * [#383] Move current case page into old-cases * [#383] Init new case page * [#383] Load cases data in new case page * [#383] New cases page * [#383] Implement new case filter * [#383] Implement new case settings modal visual * [#383] Handle case settings behaviour with new state management * [#383] Handle save new case settings without segments value * [#383] Support add segments when create case settings * [#383] Support segments payload on update case endpoint * [#383] Handle new case setting with segments correctly * [#383] Breakdown case settings into components * [#383] Initial new case detail page with sidebar * [#383] Handle load case detail in edit case page * [#383] Set step sidebar as fixed sidebar * [#383] Render case title and case settings form in CaseWrapper * [#383] Refactor the export function, static, & lib to correct place * [#383] Load current case settings value correctly * [#385] Refine step path and load related page * [#385] Handle close case setting modal after saved success * [#385] Init set income target page layout * [#385] Refine segment tabs as a wrapper to be reused in another page * [#385] Load region options in set an income target page * [#385] Load income target value and source when select region * [#385] Add segment id into form name for SetIncomeTarget * [#385] Fix yarn lint * [#385] Finalize set income target state update * [#385] Load initial value for SetIncomeTarget * [#385] Add Back/Next button on parent and send the props into children * [#385] Handle change hh adult/child value * [#385] Handle save SetIncomeTarget * [#383] Handle number of farmers field on segment * Feature/389 user journey breakdown step pages into different url (#390) * [#389] Handle EnterIncomeData page button function * [#389] Handle case button on UnderstandIncomeGap * [#389] Handle case button on AssessImpactMitigationStrategies * [#389] Handle case button on ClosingGap * [#389] Handle EnterIncomeData right element (visuals) position in SegmentTabsWrapper * [#389] Get commodity questions * [#389] Add Total Income section * [#389] Fetch and regroup driver questions to follow new design layout * [#389] Move renderPercentageTag fn into lib file * [#389] Initial render driver questions * [#389] Render unit name and current/feasible value field * [#389] Handle disable input/lock when questions breakdown * [#389] Handle onValuesChange of income drivers * [#389] Handle total value in section, parent, and general total income * [#389] Handle income percentage value * [#389] Init handle save EnterIncomeData * [#389] Handle save EnterIncomeData value properly * Feature/391 user journey segment page lib per page (#392) * [#391] Move enableEditCase state into general CaseUIState * [#391] Initial layout for EnterIncomeData visual * [#391] Add income target card on EnterIncomeData page * [#391] Create VisualCardWrapper component * [#391] Render household income bar chart * [#391] Init UnderstandIncomeGap page * [#391] Create visuals component * [#391] Fetch questions on wrapper * [#391] Create dashboardData state * [#391] Render ChartIncomeGap * [#391] Create CompareIncomeGap visualization * [#391] Handle new user journey when prev case doesn't have any segments yet * [#391] Debugging with test full case data for current complete new user journey * [#391] Fix EnterIncomeData page onLoad & onValuesChange * [#391] Refine EnterIncomeData calculation * [#391] Handle enableEditCase state * [#391] Fix EnterIncomeData value & dashboardData calculation * [#391] Add answers & benchmark into segment put endpoint obj * [#391] Create ChartExploreIncomeDriversBreakdown * [#393] Initial AssessImpactMitigationStrategies page * [#391] Create biggest impact on income & monetary contribution chart * [#393] Initial binning driver form * [#393] Set sensitivity analysis value into state * Feature/395 user journey update state management (#396) * [#395] Create line chart for sensitivity analysis page * [#395] Create sensitivity analysis heatmap chart * [#395] Create adjust income target section * [#395] Handle save sensitivity analysis config * [#395] Handle initial load sensitivity analysis data * [#395] Fix onLoad sensitivity analysis bugs * [#395] Initial adjut income target modal * [#395] Add style into adjust income target modal * [#395] Handle save adjusted income target * [#395] Move segment tabs wrapper into a layout component * [#395] Initial scenario modeling page * [#395] Initial render driver question for scenario modeling * [#395] Add segment selector into scenario modeling page * [#395] Refactor scenario modeling input * [#395] Create tree select dropdown for scenario modeling * [#395] Manage scenario form detail value & scenario driver * [#395] Manage scenario income driver initial and on change value * [#398] Fix react duplicate keys warning * [#398] Update segment answer when scenario driver changed * [#398] Create new dashboard data value * [#398] Try to recalculate the income drivers on ScenarioModelingForm * [#399] Update step1 wording * [#399] Enable show label in ChartCalculatedHhIncome * [#399] Enable export functionality * [#399] Create ExploreDataFromOtherStudies table * [#399] Rotate chart xAxis label * [#399] Enable show label and export btn in Understand income gap page * [#399] Create ExploreIncomeLevelsForDifferentCommodities chart * [#399] Update assess impact page * [#399] Update adjust income target modal step * [#399] Fix case loading & default segment selected

* New User Journey (#388) * Feature/user journey step 1 * [#383] Move current case page into old-cases * [#383] Init new case page * [#383] Load cases data in new case page * [#383] New cases page * [#383] Implement new case filter * [#383] Implement new case settings modal visual * [#383] Handle case settings behaviour with new state management * [#383] Handle save new case settings without segments value * [#383] Support add segments when create case settings * [#383] Support segments payload on update case endpoint * [#383] Handle new case setting with segments correctly * [#383] Breakdown case settings into components * [#383] Initial new case detail page with sidebar * [#383] Handle load case detail in edit case page * [#383] Set step sidebar as fixed sidebar * [#383] Render case title and case settings form in CaseWrapper * [#383] Refactor the export function, static, & lib to correct place * [#383] Load current case settings value correctly * [#385] Refine step path and load related page * [#385] Handle close case setting modal after saved success * [#385] Init set income target page layout * [#385] Refine segment tabs as a wrapper to be reused in another page * [#385] Load region options in set an income target page * [#385] Load income target value and source when select region * [#385] Add segment id into form name for SetIncomeTarget * [#385] Fix yarn lint * [#385] Finalize set income target state update * [#385] Load initial value for SetIncomeTarget * [#385] Add Back/Next button on parent and send the props into children * [#385] Handle change hh adult/child value * [#385] Handle save SetIncomeTarget * [#383] Handle number of farmers field on segment * Feature/389 user journey breakdown step pages into different url (#390) * [#389] Handle EnterIncomeData page button function * [#389] Handle case button on UnderstandIncomeGap * [#389] Handle case button on AssessImpactMitigationStrategies * [#389] Handle case button on ClosingGap * [#389] Handle EnterIncomeData right element (visuals) position in SegmentTabsWrapper * [#389] Get commodity questions * [#389] Add Total Income section * [#389] Fetch and regroup driver questions to follow new design layout * [#389] Move renderPercentageTag fn into lib file * [#389] Initial render driver questions * [#389] Render unit name and current/feasible value field * [#389] Handle disable input/lock when questions breakdown * [#389] Handle onValuesChange of income drivers * [#389] Handle total value in section, parent, and general total income * [#389] Handle income percentage value * [#389] Init handle save EnterIncomeData * [#389] Handle save EnterIncomeData value properly * Feature/391 user journey segment page lib per page (#392) * [#391] Move enableEditCase state into general CaseUIState * [#391] Initial layout for EnterIncomeData visual * [#391] Add income target card on EnterIncomeData page * [#391] Create VisualCardWrapper component * [#391] Render household income bar chart * [#391] Init UnderstandIncomeGap page * [#391] Create visuals component * [#391] Fetch questions on wrapper * [#391] Create dashboardData state * [#391] Render ChartIncomeGap * [#391] Create CompareIncomeGap visualization * [#391] Handle new user journey when prev case doesn't have any segments yet * [#391] Debugging with test full case data for current complete new user journey * [#391] Fix EnterIncomeData page onLoad & onValuesChange * [#391] Refine EnterIncomeData calculation * [#391] Handle enableEditCase state * [#391] Fix EnterIncomeData value & dashboardData calculation * [#391] Add answers & benchmark into segment put endpoint obj * [#391] Create ChartExploreIncomeDriversBreakdown * [#393] Initial AssessImpactMitigationStrategies page * [#391] Create biggest impact on income & monetary contribution chart * [#393] Initial binning driver form * [#393] Set sensitivity analysis value into state * Feature/395 user journey update state management (#396) * [#395] Create line chart for sensitivity analysis page * [#395] Create sensitivity analysis heatmap chart * [#395] Create adjust income target section * [#395] Handle save sensitivity analysis config * [#395] Handle initial load sensitivity analysis data * [#395] Fix onLoad sensitivity analysis bugs * [#395] Initial adjut income target modal * [#395] Add style into adjust income target modal * [#395] Handle save adjusted income target * [#395] Move segment tabs wrapper into a layout component * [#395] Initial scenario modeling page * [#395] Initial render driver question for scenario modeling * [#395] Add segment selector into scenario modeling page * [#395] Refactor scenario modeling input * [#395] Create tree select dropdown for scenario modeling * [#395] Manage scenario form detail value & scenario driver * [#395] Manage scenario income driver initial and on change value * [#398] Fix react duplicate keys warning * [#398] Update segment answer when scenario driver changed * [#398] Create new dashboard data value * [#398] Try to recalculate the income drivers on ScenarioModelingForm * [#399] Update step1 wording * [#399] Enable show label in ChartCalculatedHhIncome * [#399] Enable export functionality * [#399] Create ExploreDataFromOtherStudies table * [#399] Rotate chart xAxis label * [#399] Enable show label and export btn in Understand income gap page * [#399] Create ExploreIncomeLevelsForDifferentCommodities chart * [#399] Update assess impact page * [#399] Update adjust income target modal step * [#399] Fix case loading & default segment selected * [#399] Don't sum parent value onLoad if have value * [#399] Fix visual content on small screen

* New User Journey (#388) * Feature/user journey step 1 * [#383] Move current case page into old-cases * [#383] Init new case page * [#383] Load cases data in new case page * [#383] New cases page * [#383] Implement new case filter * [#383] Implement new case settings modal visual * [#383] Handle case settings behaviour with new state management * [#383] Handle save new case settings without segments value * [#383] Support add segments when create case settings * [#383] Support segments payload on update case endpoint * [#383] Handle new case setting with segments correctly * [#383] Breakdown case settings into components * [#383] Initial new case detail page with sidebar * [#383] Handle load case detail in edit case page * [#383] Set step sidebar as fixed sidebar * [#383] Render case title and case settings form in CaseWrapper * [#383] Refactor the export function, static, & lib to correct place * [#383] Load current case settings value correctly * [#385] Refine step path and load related page * [#385] Handle close case setting modal after saved success * [#385] Init set income target page layout * [#385] Refine segment tabs as a wrapper to be reused in another page * [#385] Load region options in set an income target page * [#385] Load income target value and source when select region * [#385] Add segment id into form name for SetIncomeTarget * [#385] Fix yarn lint * [#385] Finalize set income target state update * [#385] Load initial value for SetIncomeTarget * [#385] Add Back/Next button on parent and send the props into children * [#385] Handle change hh adult/child value * [#385] Handle save SetIncomeTarget * [#383] Handle number of farmers field on segment * Feature/389 user journey breakdown step pages into different url (#390) * [#389] Handle EnterIncomeData page button function * [#389] Handle case button on UnderstandIncomeGap * [#389] Handle case button on AssessImpactMitigationStrategies * [#389] Handle case button on ClosingGap * [#389] Handle EnterIncomeData right element (visuals) position in SegmentTabsWrapper * [#389] Get commodity questions * [#389] Add Total Income section * [#389] Fetch and regroup driver questions to follow new design layout * [#389] Move renderPercentageTag fn into lib file * [#389] Initial render driver questions * [#389] Render unit name and current/feasible value field * [#389] Handle disable input/lock when questions breakdown * [#389] Handle onValuesChange of income drivers * [#389] Handle total value in section, parent, and general total income * [#389] Handle income percentage value * [#389] Init handle save EnterIncomeData * [#389] Handle save EnterIncomeData value properly * Feature/391 user journey segment page lib per page (#392) * [#391] Move enableEditCase state into general CaseUIState * [#391] Initial layout for EnterIncomeData visual * [#391] Add income target card on EnterIncomeData page * [#391] Create VisualCardWrapper component * [#391] Render household income bar chart * [#391] Init UnderstandIncomeGap page * [#391] Create visuals component * [#391] Fetch questions on wrapper * [#391] Create dashboardData state * [#391] Render ChartIncomeGap * [#391] Create CompareIncomeGap visualization * [#391] Handle new user journey when prev case doesn't have any segments yet * [#391] Debugging with test full case data for current complete new user journey * [#391] Fix EnterIncomeData page onLoad & onValuesChange * [#391] Refine EnterIncomeData calculation * [#391] Handle enableEditCase state * [#391] Fix EnterIncomeData value & dashboardData calculation * [#391] Add answers & benchmark into segment put endpoint obj * [#391] Create ChartExploreIncomeDriversBreakdown * [#393] Initial AssessImpactMitigationStrategies page * [#391] Create biggest impact on income & monetary contribution chart * [#393] Initial binning driver form * [#393] Set sensitivity analysis value into state * Feature/395 user journey update state management (#396) * [#395] Create line chart for sensitivity analysis page * [#395] Create sensitivity analysis heatmap chart * [#395] Create adjust income target section * [#395] Handle save sensitivity analysis config * [#395] Handle initial load sensitivity analysis data * [#395] Fix onLoad sensitivity analysis bugs * [#395] Initial adjut income target modal * [#395] Add style into adjust income target modal * [#395] Handle save adjusted income target * [#395] Move segment tabs wrapper into a layout component * [#395] Initial scenario modeling page * [#395] Initial render driver question for scenario modeling * [#395] Add segment selector into scenario modeling page * [#395] Refactor scenario modeling input * [#395] Create tree select dropdown for scenario modeling * [#395] Manage scenario form detail value & scenario driver * [#395] Manage scenario income driver initial and on change value * [#398] Fix react duplicate keys warning * [#398] Update segment answer when scenario driver changed * [#398] Create new dashboard data value * [#398] Try to recalculate the income drivers on ScenarioModelingForm * [#399] Update step1 wording * [#399] Enable show label in ChartCalculatedHhIncome * [#399] Enable export functionality * [#399] Create ExploreDataFromOtherStudies table * [#399] Rotate chart xAxis label * [#399] Enable show label and export btn in Understand income gap page * [#399] Create ExploreIncomeLevelsForDifferentCommodities chart * [#399] Update assess impact page * [#399] Update adjust income target modal step * [#399] Fix case loading & default segment selected * [#399] Don't sum parent value onLoad if have value * [#399] Fix visual content on small screen * [#399] Add arrow into chart carousel * [#399] Fix case sidebar overflow height

* New User Journey (#388) * Feature/user journey step 1 * [#383] Move current case page into old-cases * [#383] Init new case page * [#383] Load cases data in new case page * [#383] New cases page * [#383] Implement new case filter * [#383] Implement new case settings modal visual * [#383] Handle case settings behaviour with new state management * [#383] Handle save new case settings without segments value * [#383] Support add segments when create case settings * [#383] Support segments payload on update case endpoint * [#383] Handle new case setting with segments correctly * [#383] Breakdown case settings into components * [#383] Initial new case detail page with sidebar * [#383] Handle load case detail in edit case page * [#383] Set step sidebar as fixed sidebar * [#383] Render case title and case settings form in CaseWrapper * [#383] Refactor the export function, static, & lib to correct place * [#383] Load current case settings value correctly * [#385] Refine step path and load related page * [#385] Handle close case setting modal after saved success * [#385] Init set income target page layout * [#385] Refine segment tabs as a wrapper to be reused in another page * [#385] Load region options in set an income target page * [#385] Load income target value and source when select region * [#385] Add segment id into form name for SetIncomeTarget * [#385] Fix yarn lint * [#385] Finalize set income target state update * [#385] Load initial value for SetIncomeTarget * [#385] Add Back/Next button on parent and send the props into children * [#385] Handle change hh adult/child value * [#385] Handle save SetIncomeTarget * [#383] Handle number of farmers field on segment * Feature/389 user journey breakdown step pages into different url (#390) * [#389] Handle EnterIncomeData page button function * [#389] Handle case button on UnderstandIncomeGap * [#389] Handle case button on AssessImpactMitigationStrategies * [#389] Handle case button on ClosingGap * [#389] Handle EnterIncomeData right element (visuals) position in SegmentTabsWrapper * [#389] Get commodity questions * [#389] Add Total Income section * [#389] Fetch and regroup driver questions to follow new design layout * [#389] Move renderPercentageTag fn into lib file * [#389] Initial render driver questions * [#389] Render unit name and current/feasible value field * [#389] Handle disable input/lock when questions breakdown * [#389] Handle onValuesChange of income drivers * [#389] Handle total value in section, parent, and general total income * [#389] Handle income percentage value * [#389] Init handle save EnterIncomeData * [#389] Handle save EnterIncomeData value properly * Feature/391 user journey segment page lib per page (#392) * [#391] Move enableEditCase state into general CaseUIState * [#391] Initial layout for EnterIncomeData visual * [#391] Add income target card on EnterIncomeData page * [#391] Create VisualCardWrapper component * [#391] Render household income bar chart * [#391] Init UnderstandIncomeGap page * [#391] Create visuals component * [#391] Fetch questions on wrapper * [#391] Create dashboardData state * [#391] Render ChartIncomeGap * [#391] Create CompareIncomeGap visualization * [#391] Handle new user journey when prev case doesn't have any segments yet * [#391] Debugging with test full case data for current complete new user journey * [#391] Fix EnterIncomeData page onLoad & onValuesChange * [#391] Refine EnterIncomeData calculation * [#391] Handle enableEditCase state * [#391] Fix EnterIncomeData value & dashboardData calculation * [#391] Add answers & benchmark into segment put endpoint obj * [#391] Create ChartExploreIncomeDriversBreakdown * [#393] Initial AssessImpactMitigationStrategies page * [#391] Create biggest impact on income & monetary contribution chart * [#393] Initial binning driver form * [#393] Set sensitivity analysis value into state * Feature/395 user journey update state management (#396) * [#395] Create line chart for sensitivity analysis page * [#395] Create sensitivity analysis heatmap chart * [#395] Create adjust income target section * [#395] Handle save sensitivity analysis config * [#395] Handle initial load sensitivity analysis data * [#395] Fix onLoad sensitivity analysis bugs * [#395] Initial adjut income target modal * [#395] Add style into adjust income target modal * [#395] Handle save adjusted income target * [#395] Move segment tabs wrapper into a layout component * [#395] Initial scenario modeling page * [#395] Initial render driver question for scenario modeling * [#395] Add segment selector into scenario modeling page * [#395] Refactor scenario modeling input * [#395] Create tree select dropdown for scenario modeling * [#395] Manage scenario form detail value & scenario driver * [#395] Manage scenario income driver initial and on change value * [#398] Fix react duplicate keys warning * [#398] Update segment answer when scenario driver changed * [#398] Create new dashboard data value * [#398] Try to recalculate the income drivers on ScenarioModelingForm * [#399] Update step1 wording * [#399] Enable show label in ChartCalculatedHhIncome * [#399] Enable export functionality * [#399] Create ExploreDataFromOtherStudies table * [#399] Rotate chart xAxis label * [#399] Enable show label and export btn in Understand income gap page * [#399] Create ExploreIncomeLevelsForDifferentCommodities chart * [#399] Update assess impact page * [#399] Update adjust income target modal step * [#399] Fix case loading & default segment selected * [#399] Don't sum parent value onLoad if have value * [#399] Fix visual content on small screen * [#399] Add arrow into chart carousel * [#399] Fix case sidebar overflow height * [#406] Add Procurement Library menu item

wayangalihpratama self-assigned this Jan 6, 2025

wayangalihpratama added a commit that referenced this issue Jan 6, 2025

[#383] Move current case page into old-cases

f3faf6c

wayangalihpratama added a commit that referenced this issue Jan 6, 2025

[#383] Init new case page

1d34423

wayangalihpratama added a commit that referenced this issue Jan 6, 2025

[#383] Load cases data in new case page

460700c

wayangalihpratama added a commit that referenced this issue Jan 6, 2025

[#383] New cases page

3f60113

wayangalihpratama added a commit that referenced this issue Jan 6, 2025

[#383] Implement new case filter

7d37b33

wayangalihpratama added a commit that referenced this issue Jan 6, 2025

[#383] Implement new case settings modal visual

982220d

wayangalihpratama added a commit that referenced this issue Jan 7, 2025

[#383] Handle case settings behaviour with new state management

1e8d24f

wayangalihpratama added a commit that referenced this issue Jan 7, 2025

[#383] Handle save new case settings without segments value

a08b19f

wayangalihpratama added a commit that referenced this issue Jan 7, 2025

[#383] Support add segments when create case settings

4ac43b7

wayangalihpratama added a commit that referenced this issue Jan 7, 2025

[#383] Support segments payload on update case endpoint

9c041bf

wayangalihpratama added a commit that referenced this issue Jan 7, 2025

[#383] Handle new case setting with segments correctly

8dae014

wayangalihpratama mentioned this issue Jan 7, 2025

Feature/383-385 User Journey Step 1-2 #384

Merged

wayangalihpratama added a commit that referenced this issue Jan 7, 2025

[#383] Breakdown case settings into components

38aa52b

wayangalihpratama added a commit that referenced this issue Jan 7, 2025

[#383] Initial new case detail page with sidebar

c201909

wayangalihpratama added a commit that referenced this issue Jan 7, 2025

[#383] Handle load case detail in edit case page

3ca338f

wayangalihpratama added a commit that referenced this issue Jan 7, 2025

[#383] Set step sidebar as fixed sidebar

6638c92

wayangalihpratama added a commit that referenced this issue Jan 7, 2025

[#383] Render case title and case settings form in CaseWrapper

cd1dfcd

wayangalihpratama added a commit that referenced this issue Jan 8, 2025

[#383] Refactor the export function, static, & lib to correct place

9f0ebfd

wayangalihpratama added a commit that referenced this issue Jan 8, 2025

[#383] Load current case settings value correctly

ffb7941

wayangalihpratama linked a pull request Jan 14, 2025 that will close this issue

Feature/383-385 User Journey Step 1-2 #384

Merged

wayangalihpratama added a commit that referenced this issue Jan 14, 2025

[#383] Handle number of farmers field on segment

1f4fcc4

wayangalihpratama linked a pull request Jan 20, 2025 that will close this issue

New User Journey #388

Merged

wayangalihpratama mentioned this issue Jan 20, 2025

New User Journey (#388) #394

Merged

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

[ENG-576] - User journey: New Case Component Step 1 #383

[ENG-576] - User journey: New Case Component Step 1 #383

wayangalihpratama commented Jan 6, 2025

[ENG-576] - User journey: New Case Component Step 1 #383

[ENG-576] - User journey: New Case Component Step 1 #383

Comments

wayangalihpratama commented Jan 6, 2025