Migrate to a monorepo structure (#2909)

packages/twenty-front/src/modules/settings/components/SaveAndCancelButtons/CancelButton.tsx

@@ -0,0 +1,9 @@
+import { LightButton } from '@/ui/input/button/components/LightButton';
+
+type CancelButtonProps = {
+  onCancel?: () => void;
+};
+
+export const CancelButton = ({ onCancel }: CancelButtonProps) => {
+  return <LightButton title="Cancel" accent="tertiary" onClick={onCancel} />;
+};

packages/twenty-front/src/modules/settings/components/SaveAndCancelButtons/SaveAndCancelButtons.tsx

@@ -0,0 +1,29 @@
+import styled from '@emotion/styled';
+
+import { CancelButton } from './CancelButton';
+import { SaveButton } from './SaveButton';
+
+const StyledContainer = styled.div`
+  align-items: center;
+  display: flex;
+  gap: ${({ theme }) => theme.spacing(1)};
+`;
+
+type SaveAndCancelButtonsProps = {
+  onSave?: () => void;
+  onCancel?: () => void;
+  isSaveDisabled?: boolean;
+};
+
+export const SaveAndCancelButtons = ({
+  onSave,
+  onCancel,
+  isSaveDisabled,
+}: SaveAndCancelButtonsProps) => {
+  return (
+    <StyledContainer>
+      <CancelButton onCancel={onCancel} />
+      <SaveButton onSave={onSave} disabled={isSaveDisabled} />
+    </StyledContainer>
+  );
+};

packages/twenty-front/src/modules/settings/components/SaveAndCancelButtons/SaveButton.tsx

@@ -0,0 +1,21 @@
+import { Button } from '@/ui/input/button/components/Button';
+import { IconDeviceFloppy } from '@/ui/input/constants/icons';
+
+type SaveButtonProps = {
+  onSave?: () => void;
+  disabled?: boolean;
+};
+
+export const SaveButton = ({ onSave, disabled }: SaveButtonProps) => {
+  return (
+    <Button
+      title="Save"
+      variant="primary"
+      size="small"
+      accent="blue"
+      disabled={disabled}
+      onClick={onSave}
+      Icon={IconDeviceFloppy}
+    />
+  );
+};