Chip untitled modification (#11498)

Fixes https://github.com/twentyhq/core-team-issues/issues/663

packages/twenty-ui/src/components/chip/Chip.tsx

@@ -35,6 +35,10 @@ export type ChipProps = {
   className?: string;
 };
 
+const StyledDiv = withTheme(styled.div<{ theme: Theme }>`
+  color: ${({ theme }) => theme.font.color.tertiary};
+`);
+
 const StyledContainer = withTheme(styled.div<
   Pick<
     ChipProps,
@@ -147,8 +151,10 @@ export const Chip = ({
       maxWidth={maxWidth}
     >
       {leftComponent}
-      {!isLabelHidden && (
+      {!isLabelHidden && label.trim() ? (
         <OverflowingTextWithTooltip size={size} text={label} />
+      ) : (
+        <StyledDiv>Untitled</StyledDiv>
       )}
       {rightComponent?.()}
     </StyledContainer>

packages/twenty-ui/src/components/chip/__stories__/EntityChip.stories.tsx

@@ -21,3 +21,9 @@ export default meta;
 type Story = StoryObj<typeof AvatarChip>;
 
 export const Default: Story = {};
+
+export const Empty: Story = {
+  args: {
+    name: '',
+  },
+};