To update the workspace settings to not use antd components, follow these steps:

Replace Alert Component:
- File: frontend/src/pages/WorkspaceSettings/WorkspaceSettings.tsx
- Replace the import statement:
```
import Alert from '@components/Alert/Alert'
```
- Update the Authorization component's forbiddenFallback prop to use a custom alert component if necessary.
Replace Box Component:
- File: frontend/src/pages/WorkspaceSettings/WorkspaceSettings.tsx
- Replace the import statement:
```
import { Box } from '@highlight-run/ui/components'
```
- Ensure the Box component is a custom or other UI component.
Replace AutoJoinForm Component:
- File: frontend/src/pages/WorkspaceSettings/WorkspaceSettings.tsx
- Replace the import statement:
```
import { AutoJoinForm } from '@pages/WorkspaceTeam/components/AutoJoinForm'
```
- Ensure the AutoJoinForm component does not use antd components internally.
Replace FieldsBox Component:
- File: frontend/src/pages/WorkspaceSettings/WorkspaceSettings.tsx
- Replace the import statement:
```
import { FieldsBox } from '@components/FieldsBox/FieldsBox'
```
- Ensure the FieldsBox component is a custom or other UI component.
Replace FieldsForm Component:
- File: frontend/src/pages/WorkspaceSettings/WorkspaceSettings.tsx
- Replace the import statement:
```
import { FieldsForm } from './FieldsForm/FieldsForm'
```
- Ensure the FieldsForm component does not use antd components internally.
Update CSS:
- File: frontend/src/pages/WorkspaceSettings/WorkspaceSettings.module.css
- Ensure the styles are compatible with the new components.

Example of replacing Alert component:

import CustomAlert from '@components/CustomAlert/CustomAlert'

<Authorization
  allowedRoles={[AdminRole.Admin]}
  forbiddenFallback={
    <CustomAlert
      trackingId="AdminNoAccessToAutoJoinDomains"
      type="info"
      message="You don't have access to auto-access domains."
      description={`You don't have permission to configure auto-access domains. Please contact a workspace admin to make changes.`}
    />
  }
>
  <AutoJoinForm />
</Authorization>

References

Ask Greptile

Update workspace and project settings to not use antd components #8635

Description

Metadata

Metadata

Assignees

Labels

Type

Projects

Milestone

Relationships

Development

Issue actions