frontend: fine tuning mood components intensity

First to match the API, secondly, because it doesn't really make sense
that all things you can be super specific, most of the time you don't
even can rationale that much about

Pedro Lucas Porcellis porcellis@eletrotupi.com 1 month ago 8866389e004d6c249288b8edb4e951f434a0b460

Parents: 168d224

3 file(s) changed

frontend/app/entry/mood-components.tsx +1 -1
frontend/constants/mood-components.ts +3 -5
frontend/stores/moodEntry.ts +1 -1

frontend/app/entry/mood-components.tsx

@@ -104,7 +104,7 @@ label="Intensidade"
                        value={comp.intensity}
                        onValueChange={(v) => setComponentIntensity(comp.id, v)}
                        min={1}
  -                     max={10}
  +                     max={3}
                        step={1}
                        minLabel="Suave"
                        maxLabel="Intensa"

frontend/constants/mood-components.ts

@@ -21,9 +21,7 @@ MOOD_COMPONENTS.find((c) => c.id === id);
    
    // Intensity label buckets
    export const intensityLabel = (value: number): string => {
  -   if (value <= 2) return 'Muito Baixa';
  -   if (value <= 4) return 'Baixa';
  -   if (value <= 6) return 'Moderada';
  -   if (value <= 8) return 'Alta';
  -   return 'Muito Alta';
  +   if (value == 1) return 'Suave';
  +   if (value <= 2) return 'Moderada';
  +   if (value <= 3) return 'Intensa';
    };

frontend/stores/moodEntry.ts

@@ -33,7 +33,7 @@
      addComponent: (id) =>
        set((state) => {
          if (state.components.find((c) => c.id === id)) return state;
  -       return { components: [...state.components, { id, intensity: 5 }] };
  +       return { components: [...state.components, { id, intensity: 1 }] };
        }),
    
      removeComponent: (id) =>