| 文件 | 最后提交记录 | 最后更新时间 |
|---|---|---|
refactor(webapp): migrate to design-system Button (#6503) ## Problem The webapp shipped its own local `Button` (`packages/webapp/src/components/ui/Button.tsx`) separate from the `@nangohq/design-system` `Button`. The two duplicated styling and could drift apart, and icon-only buttons had no consistent component. ## Solution Migrate the webapp to the design-system button components and delete the local one. - Replace every webapp usage with the design-system `Button` and remove the local `Button.tsx`. - Use `IconButton` (with a required `label`) for icon-only buttons. - Add a small `ButtonLink` wrapper for react-router links that should look like buttons. - Export the design-system tailwind-merge config as `dsTwMergeConfig` and reuse it in the webapp `cn`, so the token class groups (`text-ds-*`, `border-ds-*`, `rounded-ds-*`, …) are defined once and merge correctly in both packages instead of being silently dropped. Mostly like-for-like: sizes and variants map to the closest design-system equivalents and button heights are preserved. A few deliberate visual deltas: ghost and icon buttons now signal hover/active via text/icon colour rather than a background fill, and the old `secondary`/`tertiary` variants map to `outline`. Stacked on top of #6246 (design-system component foundations). Fixes [NAN-5946](https://linear.app/nango/issue/NAN-5946) ## Testing - Verified key screens render unchanged in light and dark via local dev against the dev API: auth pages, nav header, connections list, connection/integration settings. - `npm run ts-build` and lint pass for the changed packages. | 3 个月前 | |
refactor(webapp): migrate to design-system Button (#6503) ## Problem The webapp shipped its own local `Button` (`packages/webapp/src/components/ui/Button.tsx`) separate from the `@nangohq/design-system` `Button`. The two duplicated styling and could drift apart, and icon-only buttons had no consistent component. ## Solution Migrate the webapp to the design-system button components and delete the local one. - Replace every webapp usage with the design-system `Button` and remove the local `Button.tsx`. - Use `IconButton` (with a required `label`) for icon-only buttons. - Add a small `ButtonLink` wrapper for react-router links that should look like buttons. - Export the design-system tailwind-merge config as `dsTwMergeConfig` and reuse it in the webapp `cn`, so the token class groups (`text-ds-*`, `border-ds-*`, `rounded-ds-*`, …) are defined once and merge correctly in both packages instead of being silently dropped. Mostly like-for-like: sizes and variants map to the closest design-system equivalents and button heights are preserved. A few deliberate visual deltas: ghost and icon buttons now signal hover/active via text/icon colour rather than a background fill, and the old `secondary`/`tertiary` variants map to `outline`. Stacked on top of #6246 (design-system component foundations). Fixes [NAN-5946](https://linear.app/nango/issue/NAN-5946) ## Testing - Verified key screens render unchanged in light and dark via local dev against the dev API: auth pages, nav header, connections list, connection/integration settings. - `npm run ts-build` and lint pass for the changed packages. | 3 个月前 |
| 文件 | 最后提交记录 | 最后更新时间 |
|---|---|---|
| 3 个月前 | ||
| 3 个月前 |