kloudlite / web

Kloudlite Web
http://kloudlite.io
GNU Affero General Public License v3.0
2 stars 1 forks source link

Tooltip redesign #263

Closed tulsiojha closed 4 months ago

tulsiojha commented 4 months ago

Summary by Sourcery

This pull request introduces a redesigned tooltip system using the new TooltipV2 component, replacing the existing Tooltip component across various parts of the application. It also includes new ListItemV2 and ListTitleV2 components to support the updated tooltip design, along with enhancements to list layout configurations and the CopyContentToClipboard component.

sourcery-ai[bot] commented 4 months ago

Reviewer's Guide by Sourcery

This pull request implements a redesign of tooltips across the application by introducing a new TooltipV2 component. The changes include replacing the old Tooltip component with TooltipV2, updating listClass object, and replacing ListItem and ListTitle components with their new versions (ListItemV2 and ListTitleV2) in various files. Additionally, the pnpm-lock.yaml file has been updated to include the react-tooltip dependency, and merge conflicts have been resolved. The Truncate component has also been updated to use TooltipV2.

File-Level Changes

Files Changes
src/apps/console/components/console-list-components.tsx
src/apps/console/routes/_main+/$account+/infra+/clusters/cluster-resources-v2.tsx
src/apps/console/routes/_main+/$account+/infra+/vpn-devices/vpn-resources-v2.tsx
src/apps/console/routes/_main+/$account+/env+/$environment+/managed-resources/managed-resources-resource-v2.tsx
src/apps/console/routes/_main+/$account+/env+/$environment+/apps/apps-resources-v2.tsx
src/apps/console/components/common-console-components.tsx
src/apps/console/page-components/config-resource-v2.tsx
src/apps/console/routes/_main+/$account+/msvc+/$msv+/managed-resources/managed-resources-resource-v2.tsx
src/apps/console/routes/_main+/$account+/environments/environment-resources-v2.tsx
src/apps/console/routes/_main+/$account+/managed-services/backend-services-resources-V2.tsx
src/apps/console/page-components/secret-resource-v2.tsx
src/apps/console/routes/_main+/$account+/env+/$environment+/config.$config/resources.tsx
src/apps/console/routes/_main+/$account+/settings+/image-pull-secrets/image-pull-secrets-resource-v2.tsx
src/apps/console/routes/_main+/$account+/env+/$environment+/secret.$secret/resources.tsx
src/apps/console/routes/_main+/$account+/settings+/user-management/user-access-resource.tsx
Replaced Tooltip with TooltipV2 and updated listClass object. Replaced ListItem and ListTitle with ListItemV2 and ListTitleV2 in various components.
pnpm-lock.yaml
src/apps/devdoc/pnpm-lock.yaml
Added react-tooltip dependency and resolved merge conflicts.
src/apps/console/components/sync-status.tsx
src/apps/console/components/wrapper.tsx
src/design-system/components/atoms/tooltip.tsx
src/design-system/components/atoms/tooltipV2.tsx
Added and integrated new TooltipV2 component.
lib/utils/common.tsx
lib/app-setup/root.tsx
Updated Truncate component to use TooltipV2 and added TooltipContainer component.
src/design-system/components/atoms/avatar.tsx
src/design-system/tailwind-base.js
Updated AvatarBase component and color mix for surface basic default.

Tips - Trigger a new Sourcery review by commenting `@sourcery-ai review` on the pull request. - Continue your discussion with Sourcery by replying directly to review comments. - You can change your review settings at any time by accessing your [dashboard](https://app.sourcery.ai): - Enable or disable the Sourcery-generated pull request summary or reviewer's guide; - Change the review language; - You can always [contact us](mailto:support@sourcery.ai) if you have any questions or feedback.