Skip to content

Conversation

@TheoGrandin74
Copy link
Contributor

@TheoGrandin74 TheoGrandin74 commented Feb 9, 2026

Summary

Added variables page at environment scope + various design improvments for all variables pages, namely:

  • Having a separate table for built-in and custom variables
  • Improved sorting discoverability with hover icon
  • Reworked table layout for better alignment
  • Removed scope colum for built-in variables, service column for custom variables
  • Removed override dropdown action when variable is not eligible for it
  • Added toaster feedback

Issue:

Screenshots / Recordings

image image

Testing

  • Changes tested locally in the relevant Console's pages and Storybooks
  • yarn test or yarn test -u (if you need to regenerate snapshots)
  • yarn format
  • yarn lint

PR Checklist

  • I followed naming, styling, and TypeScript rules (see .cursor/rules)
  • I performed a self-review (diff inspected, dead code removed)
  • I titled the PR using Conventional Commits with a scope when possible (e.g. feat(service): add new Terraform service) - required for semantic-release
  • I only kept necessary comments, written in English (watch for useless AI comments)
  • I involved a designer to validate UI changes if I am not a designer
  • I covered new business logic with tests (unit)
  • I confirmed CI is green (Codecov red can be accepted)
  • I reviewed and executed locally any AI-assisted code

@RemiBonnet
Copy link
Member

Qovery Preview

Qovery can create a Preview Environment for this PR.
To trigger its creation, please post a comment with one of the following command.

Command Blueprint environment
/qovery preview 15d69f24-9bc1-4a8d-80fe-d1bb1b2bcd00 New Navigation
/qovery preview {all|UUID1,UUID2,...} To preview multiple environments

This comment has been generated from Qovery AI 🤖.
Below, a word from its wisdom :

Make it work, make it right, make it fast

@TheoGrandin74 TheoGrandin74 changed the title feat(variables): add new settings and variables tabs in project envir… feat(variables): add variables tabs at environment scope Feb 11, 2026
@TheoGrandin74 TheoGrandin74 marked this pull request as ready for review February 11, 2026 11:21
@evoxmusic
Copy link
Contributor

/qovery preview 15d69f24-9bc1-4a8d-80fe-d1bb1b2bcd00

Copy link
Member

@RemiBonnet RemiBonnet left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Well done @TheoGrandin74 !
I added few small comments for structure and testing

import { type APIVariableScopeEnum } from 'qovery-typescript-axios'
import { type UseFormSetValue } from 'react-hook-form'

export function changeScopeForAll(
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

The extension of the file should be .ts and not .tsx

Could you add a unit test for it? (small one)

@@ -0,0 +1,13 @@
export function deleteEntry(
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Same here

@@ -0,0 +1,24 @@
import { APIVariableScopeEnum } from 'qovery-typescript-axios'

export function jsonToForm(
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Same here

@@ -0,0 +1,16 @@
import { type APIVariableScopeEnum, type VariableImportRequestVarsInner } from 'qovery-typescript-axios'

export function formatData(data: { [key: string]: string }, keys: string[]) {
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Same here

@@ -0,0 +1,15 @@
export function onDrop(acceptedFiles: File[], handleData: (data: string) => void) {
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Same here

@@ -0,0 +1,11 @@
import { type UseFormSetValue } from 'react-hook-form'

export function triggerToggleAll(
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Same here

Copy link
Member

@RemiBonnet RemiBonnet left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

LGTM 👍

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants