Migrate to a monorepo structure (#2909)

2023-12-10 18:10:54 +01:00
parent a70a9281eb
commit 5bdca9de6c
2304 changed files with 37152 additions and 25869 deletions
--- a/packages/twenty-front/src/pages/settings/SettingsWorkspaceMembers.tsx
+++ b/packages/twenty-front/src/pages/settings/SettingsWorkspaceMembers.tsx
@ -0,0 +1,112 @@
+import { useState } from 'react';
+import styled from '@emotion/styled';
+import { useRecoilValue } from 'recoil';
+
+import { currentWorkspaceState } from '@/auth/states/currentWorkspaceState';
+import { useDeleteOneRecord } from '@/object-record/hooks/useDeleteOneRecord';
+import { useFindManyRecords } from '@/object-record/hooks/useFindManyRecords';
+import { SettingsPageContainer } from '@/settings/components/SettingsPageContainer';
+import { IconSettings, IconTrash } from '@/ui/display/icon';
+import { H1Title } from '@/ui/display/typography/components/H1Title';
+import { H2Title } from '@/ui/display/typography/components/H2Title';
+import { IconButton } from '@/ui/input/button/components/IconButton';
+import { ConfirmationModal } from '@/ui/layout/modal/components/ConfirmationModal';
+import { SubMenuTopBarContainer } from '@/ui/layout/page/SubMenuTopBarContainer';
+import { Section } from '@/ui/layout/section/components/Section';
+import { WorkspaceInviteLink } from '@/workspace/components/WorkspaceInviteLink';
+import { WorkspaceMemberCard } from '@/workspace/components/WorkspaceMemberCard';
+import { WorkspaceMember } from '@/workspace-member/types/WorkspaceMember';
+
+const StyledH1Title = styled(H1Title)`
+  margin-bottom: 0;
+`;
+
+const StyledButtonContainer = styled.div`
+  align-items: center;
+  display: flex;
+  flex-direction: row;
+  margin-left: ${({ theme }) => theme.spacing(3)};
+`;
+
+export const SettingsWorkspaceMembers = () => {
+  const [isConfirmationModalOpen, setIsConfirmationModalOpen] = useState(false);
+  const [workspaceMemberToDelete, setWorkspaceMemberToDelete] = useState<
+    string | undefined
+  >();
+
+  const { records: workspaceMembers } = useFindManyRecords<WorkspaceMember>({
+    objectNameSingular: 'workspaceMember',
+  });
+  const { deleteOneRecord: deleteOneWorkspaceMember } =
+    useDeleteOneRecord<WorkspaceMember>({
+      objectNameSingular: 'workspaceMember',
+    });
+  const currentWorkspace = useRecoilValue(currentWorkspaceState);
+
+  const handleRemoveWorkspaceMember = async (workspaceMemberId: string) => {
+    await deleteOneWorkspaceMember?.(workspaceMemberId);
+    setIsConfirmationModalOpen(false);
+  };
+
+  return (
+    <SubMenuTopBarContainer Icon={IconSettings} title="Settings">
+      <SettingsPageContainer width={350}>
+        <StyledH1Title title="Members" />
+        {currentWorkspace?.inviteHash && (
+          <Section>
+            <H2Title
+              title="Invite"
+              description="Send an invitation to use Twenty"
+            />
+            <WorkspaceInviteLink
+              inviteLink={`${window.location.origin}/invite/${currentWorkspace?.inviteHash}`}
+            />
+          </Section>
+        )}
+        <Section>
+          <H2Title
+            title="Members"
+            description="Manage the members of your space here"
+          />
+          {workspaceMembers?.map((member) => (
+            <WorkspaceMemberCard
+              key={member.id}
+              workspaceMember={member as WorkspaceMember}
+              accessory={
+                currentWorkspace?.id !== member.id && (
+                  <StyledButtonContainer>
+                    <IconButton
+                      onClick={() => {
+                        setIsConfirmationModalOpen(true);
+                        setWorkspaceMemberToDelete(member.id);
+                      }}
+                      variant="tertiary"
+                      size="medium"
+                      Icon={IconTrash}
+                    />
+                  </StyledButtonContainer>
+                )
+              }
+            />
+          ))}
+        </Section>
+      </SettingsPageContainer>
+      <ConfirmationModal
+        isOpen={isConfirmationModalOpen}
+        setIsOpen={setIsConfirmationModalOpen}
+        title="Account Deletion"
+        subtitle={
+          <>
+            This action cannot be undone. This will permanently delete this user
+            and remove them from all their assignements.
+          </>
+        }
+        onConfirmClick={() =>
+          workspaceMemberToDelete &&
+          handleRemoveWorkspaceMember(workspaceMemberToDelete)
+        }
+        deleteButtonText="Delete account"
+      />
+    </SubMenuTopBarContainer>
+  );
+};