Add upgrade to org plan card to RLS (#17455)

## Context <img width="564" height="270" alt="Screenshot 2026-01-26 at 18 19 39" src="https://github.com/user-attachments/assets/9a6bdd69-2fa1-449b-9985-bfc7a401780e" />
2026-01-27 12:51:08 +01:00
parent d6a7dbb12b
commit c36d112ab4
4 changed files with 119 additions and 10 deletions
@@ -0,0 +1,46 @@
+import {
+  StyledSettingsOptionCardContent,
+  StyledSettingsOptionCardDescription,
+  StyledSettingsOptionCardIcon,
+  StyledSettingsOptionCardTitle,
+} from '@/settings/components/SettingsOptions/SettingsOptionCardContentBase';
+import { SettingsOptionIconCustomizer } from '@/settings/components/SettingsOptions/SettingsOptionIconCustomizer';
+import styled from '@emotion/styled';
+import { type IconComponent } from 'twenty-ui/display';
+
+type SettingsOptionCardContentButtonProps = {
+  Icon?: IconComponent;
+  title: React.ReactNode;
+  description?: string | React.ReactNode;
+  disabled?: boolean;
+  Button?: React.ReactNode;
+};
+
+const StyledButtonContainer = styled.div`
+  margin-left: auto;
+`;
+
+export const SettingsOptionCardContentButton = ({
+  Icon,
+  title,
+  description,
+  disabled = false,
+  Button,
+}: SettingsOptionCardContentButtonProps) => {
+  return (
+    <StyledSettingsOptionCardContent disabled={disabled}>
+      {Icon && (
+        <StyledSettingsOptionCardIcon>
+          <SettingsOptionIconCustomizer Icon={Icon} />
+        </StyledSettingsOptionCardIcon>
+      )}
+      <div>
+        <StyledSettingsOptionCardTitle>{title}</StyledSettingsOptionCardTitle>
+        <StyledSettingsOptionCardDescription>
+          {description}
+        </StyledSettingsOptionCardDescription>
+      </div>
+      {Button && <StyledButtonContainer>{Button}</StyledButtonContainer>}
+    </StyledSettingsOptionCardContent>
+  );
+};