dataforgoodfr / dataforgoodfr/14_Data4Trees

Feat: Popup filters - Create functionalities

Open
#80 0 comments 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

D4T_Frontend P3
Dominant language
TypeScript
Stars
9
Forks
0
Avg merge
10d 11h
Merged PRs (30d)
4

Description

Goal

Pour chaque type de popup, on aura des patterns récurrents:

  • 1 Collapsable container
  • Une identité: titre, icone, nb de champs sélectionné
  • Un sélecteur TOUT vs AUCUN
  • Une liste de checkbox
  • Une main color

Ce ticket a pour but de créer tous les éléments nécessaires qui seront utilisés sur l'implémentation concrète.

  • popup-filter-checkbox: checkbox + titre + description + icon status
  • global-selector: TOUT vs AUCUN
  • interaction avec local storage pour stocker la data (useLocalStorage)
  • container: collapsible container with title, icon, color, nb of fields, in a card with elevation

Idée: utiliser une approche déclarative. Le consumer de ces éléments devra juste fournir un objet qui ressemblerait à ça:
{
title: string,
icon: ReactNode,
color: string,
elements: Array<{
title: string, // internationalized
description: string, // internationalized
identifier: string, // for local storage
}>
}

Contributor guide

No contributing guide indexed for this repository

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Research direction

Start by mapping the requested popup-filter-checkbox, global-selector, collapsible container, and useLocalStorage entry points in the repository. Check how existing components handle internationalized titles, icons, colors, and persistent state. Done means the reusable elements accept the proposed declarative object and provide the listed selection, display, and storage behavior.

Written by the indexing model from the issue text.

Assessment

Tech stack
react, typescript
Domain
frontend, web-dev
Issue type
Feature
Difficulty
5/5
Estimated time
Over a week
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
35/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.