Update Evaluation Component Background Color Based on `overallIndicator` Value

[kleneway]

Description

In the todos section of the dashboard, the Evaluation component currently uses a background gradient with the blossom variant. We need to modify this component so that its background color dynamically reflects the value of the overallIndicator field.

The overallIndicator field can have the following values:

• "Red"
• "Yellow"
• "Green"

Please implement the following background gradients based on the overallIndicator value:

• If overallIndicator is "Red", use the blossom gradient.
• If overallIndicator is "Yellow", use the sunset gradient.
• If overallIndicator is "Green", use the blossom gradient.

Note: Ensure that the gradients used are consistent with those applied in other components of the dashboard to maintain a cohesive user interface. You can refer to the styling in components such as the Plan or Research sections for guidance on the exact gradient values and implementation.

Additionally, please make sure that the updated background gradients support dark mode properly, adapting their appearance when the theme changes.

Expected Outcome

• The Evaluation component's background gradient changes dynamically based on the overallIndicator value.
• The correct gradients are applied for each indicator:
  • "Red": blossom gradient.
  • "Yellow": sunset gradient.
  • "Green": blossom gradient.
• The gradients are consistent with those used in other parts of the dashboard, ensuring a unified look and feel.
• Dark mode support is correctly implemented for the background gradients, with appropriate adaptations for the dark theme.

Files to Update

• /src/app/dashboard/[org]/[repo]/todos/components/TodoDetails.tsx

Additional Information

• The Evaluation component is rendered within TodoDetails.tsx.
• Ensure that any changes do not affect the functionality of other components within the TodoDetails view.
• Consistency is key; please verify that the gradient styles match those used in components such as the Plan and Research sections to maintain a cohesive design system. @jacob-ai-bot --skip-build

[jacob-ai-bot[bot]]

JACoB here...

You mentioned me on this issue and I am busy taking a look at it.

I'll continue to comment on this issue with status as I make progress.

[jacob-ai-bot[bot]]

Update

I've completed my work on this issue and have created a pull request: JACoB PR for Issue Update Evaluation Component Background Color Based on overallIndicator Value.

Please review my changes there.