Graph Button in Data Model Settings Blends with Background

[Bonapara]

Current behavior

In Settings > Data model, the Graph button is indistinguishable from the background.

Desired Behavior

Use the Floating button instead:

https://storybook.twenty.com/?path=/story/ui-input-button-floatingbutton--catalog

[greptile-apps]

Replace the current Graph button in SettingsDataModelOverview.tsx with the FloatingButton component from FloatingButton.tsx.

1. Import FloatingButton in SettingsDataModelOverview.tsx:

import { FloatingButton } from '@/ui/input/button/components/FloatingButton';

2. Replace the current button with FloatingButton:

<StyledCloseButton>
  <FloatingButton Icon={IconX} title="Close" to="/settings/objects" />
</StyledCloseButton>

References

/packages/twenty-front/src/modules/settings/data-model/graph-overview/components/SettingsDataModelOverview.tsx
/packages/twenty-front/src/modules/ui/input/button/components/FloatingButton.tsx
/packages/twenty-front/src/modules/ui/input/button/components

About Greptile

This response provides a starting point for your research, not a precise solution.

Help us improve! Please leave a 👍 if this is helpful and 👎 if it is irrelevant.

Ask Greptile · Edit Issue Bot Settings

[Faisal-imtiyaz123]

@Bonapara Please assign me. I raised a P.R on the last assigned one.