Migrate to a monorepo structure (#2909)

packages/twenty-front/src/modules/workspace/components/WorkspaceInviteLink.tsx

@@ -0,0 +1,52 @@
+import { useTheme } from '@emotion/react';
+import styled from '@emotion/styled';
+
+import { IconCopy, IconLink } from '@/ui/display/icon';
+import { useSnackBar } from '@/ui/feedback/snack-bar-manager/hooks/useSnackBar';
+import { Button } from '@/ui/input/button/components/Button';
+import { TextInput } from '@/ui/input/components/TextInput';
+
+const StyledContainer = styled.div`
+  align-items: center;
+  display: flex;
+  flex-direction: row;
+`;
+
+const StyledLinkContainer = styled.div`
+  flex: 1;
+  margin-right: ${({ theme }) => theme.spacing(2)};
+`;
+
+type WorkspaceInviteLinkProps = {
+  inviteLink: string;
+};
+
+export const WorkspaceInviteLink = ({
+  inviteLink,
+}: WorkspaceInviteLinkProps) => {
+  const theme = useTheme();
+
+  const { enqueueSnackBar } = useSnackBar();
+
+  return (
+    <StyledContainer>
+      <StyledLinkContainer>
+        <TextInput value={inviteLink} disabled fullWidth />
+      </StyledLinkContainer>
+      <Button
+        Icon={IconLink}
+        variant="primary"
+        accent="blue"
+        title="Copy link"
+        onClick={() => {
+          enqueueSnackBar('Link copied to clipboard', {
+            variant: 'success',
+            icon: <IconCopy size={theme.icon.size.md} />,
+            duration: 2000,
+          });
+          navigator.clipboard.writeText(inviteLink);
+        }}
+      />
+    </StyledContainer>
+  );
+};

packages/twenty-front/src/modules/workspace/components/WorkspaceMemberCard.tsx

@@ -0,0 +1,61 @@
+import styled from '@emotion/styled';
+
+import { OverflowingTextWithTooltip } from '@/ui/display/tooltip/OverflowingTextWithTooltip';
+import { Avatar } from '@/users/components/Avatar';
+import { WorkspaceMember } from '@/workspace-member/types/WorkspaceMember';
+
+const StyledContainer = styled.div`
+  background: ${({ theme }) => theme.background.secondary};
+  border: 1px solid ${({ theme }) => theme.border.color.medium};
+  border-radius: ${({ theme }) => theme.spacing(2)};
+  display: flex;
+  flex-direction: row;
+  margin-bottom: ${({ theme }) => theme.spacing(0)};
+  margin-top: ${({ theme }) => theme.spacing(4)};
+  padding: ${({ theme }) => theme.spacing(3)};
+`;
+
+const StyledContent = styled.div`
+  display: flex;
+  flex: 1;
+  flex-direction: column;
+  justify-content: center;
+  margin-left: ${({ theme }) => theme.spacing(3)};
+  overflow: auto;
+`;
+
+const StyledEmailText = styled.span`
+  color: ${({ theme }) => theme.font.color.tertiary};
+`;
+
+type WorkspaceMemberCardProps = {
+  workspaceMember: WorkspaceMember;
+  accessory?: React.ReactNode;
+};
+
+export const WorkspaceMemberCard = ({
+  workspaceMember,
+  accessory,
+}: WorkspaceMemberCardProps) => (
+  <StyledContainer>
+    <Avatar
+      avatarUrl={workspaceMember.avatarUrl}
+      colorId={workspaceMember.id}
+      placeholder={workspaceMember.name.firstName || ''}
+      type="squared"
+      size="xl"
+    />
+    <StyledContent>
+      <OverflowingTextWithTooltip
+        text={
+          workspaceMember.name.firstName + ' ' + workspaceMember.name.lastName
+        }
+      />
+      <StyledEmailText>
+        {workspaceMember.name.firstName + ' ' + workspaceMember.name.lastName}
+      </StyledEmailText>
+    </StyledContent>
+
+    {accessory}
+  </StyledContainer>
+);

packages/twenty-front/src/modules/workspace/graphql/mutations/deleteCurrentWorkspace.ts

@@ -0,0 +1,9 @@
+import { gql } from '@apollo/client';
+
+export const DELETE_CURRENT_WORKSPACE = gql`
+  mutation DeleteCurrentWorkspace {
+    deleteCurrentWorkspace {
+      id
+    }
+  }
+`;

packages/twenty-front/src/modules/workspace/graphql/mutations/updateWorkspace.ts

@@ -0,0 +1,13 @@
+import { gql } from '@apollo/client';
+
+export const UPDATE_WORKSPACE = gql`
+  mutation UpdateWorkspace($input: UpdateWorkspaceInput!) {
+    updateWorkspace(data: $input) {
+      id
+      domainName
+      displayName
+      logo
+      allowImpersonation
+    }
+  }
+`;

packages/twenty-front/src/modules/workspace/graphql/mutations/uploadWorkspaceLogo.ts

@@ -0,0 +1,7 @@
+import { gql } from '@apollo/client';
+
+export const UPLOAD_WORKSPACE_LOGO = gql`
+  mutation UploadWorkspaceLogo($file: Upload!) {
+    uploadWorkspaceLogo(file: $file)
+  }
+`;

packages/twenty-front/src/modules/workspace/graphql/queries/getWorkspaceFromInviteHash.ts

@@ -0,0 +1,12 @@
+import { gql } from '@apollo/client';
+
+export const GET_WORKSPACE_FROM_INVITE_HASH = gql`
+  query GetWorkspaceFromInviteHash($inviteHash: String!) {
+    findWorkspaceFromInviteHash(inviteHash: $inviteHash) {
+      id
+      displayName
+      logo
+      allowImpersonation
+    }
+  }
+`;

packages/twenty-front/src/modules/workspace/hooks/useIsFeatureEnabled.ts

@@ -0,0 +1,17 @@
+import { useRecoilValue } from 'recoil';
+
+import { currentWorkspaceState } from '@/auth/states/currentWorkspaceState';
+
+export const useIsFeatureEnabled = (featureKey: string): boolean => {
+  const currentWorkspace = useRecoilValue(currentWorkspaceState);
+
+  const featureFlag = currentWorkspace?.featureFlags?.find(
+    (flag) => flag.key === featureKey,
+  );
+
+  if (!featureFlag) {
+    return false;
+  }
+
+  return featureFlag.value;
+};