fix: 💄 1-line truncated texts

baptisteArno · Jun 18, 2022 · e4ad23c · e4ad23c
1 parent 283509e
commit e4ad23c
Show file tree

Hide file tree

Showing 14 changed files with 15 additions and 15 deletions.
diff --git a/apps/builder/components/dashboard/DashboardHeader.tsx b/apps/builder/components/dashboard/DashboardHeader.tsx
@@ -90,7 +90,7 @@ export const DashboardHeader = () => {
                   />
                 </SkeletonCircle>
                 {workspace && (
-                  <Text noOfLines={0} maxW="200px">
+                  <Text noOfLines={1} maxW="200px">
                     {workspace.name}
                   </Text>
                 )}

diff --git a/apps/builder/components/dashboard/WorkspaceSettingsModal/MembersList/MemberItem.tsx b/apps/builder/components/dashboard/WorkspaceSettingsModal/MembersList/MemberItem.tsx
@@ -91,7 +91,7 @@ export const MemberIdentityContent = ({
         <Text
           color="gray.500"
           fontSize={name ? '14px' : 'inherit'}
-          noOfLines={0}
+          noOfLines={1}
         >
           {email}
         </Text>

diff --git a/apps/builder/components/share/customDomain/CustomDomainsDropdown.tsx b/apps/builder/components/share/customDomain/CustomDomainsDropdown.tsx
@@ -85,7 +85,7 @@ export const CustomDomainsDropdown = ({
         textAlign="left"
         {...props}
       >
-        <Text noOfLines={0} overflowY="visible" h="20px">
+        <Text noOfLines={1} overflowY="visible" h="20px">
           {currentCustomDomain ?? 'Add my domain'}
         </Text>
       </MenuButton>

diff --git a/apps/builder/components/shared/CredentialsDropdown.tsx b/apps/builder/components/shared/CredentialsDropdown.tsx
@@ -101,7 +101,7 @@ export const CredentialsDropdown = ({
         textAlign="left"
         {...props}
       >
-        <Text noOfLines={0} overflowY="visible" h="20px">
+        <Text noOfLines={1} overflowY="visible" h="20px">
           {currentCredential ? currentCredential.name : defaultCredentialsLabel}
         </Text>
       </MenuButton>

diff --git a/apps/builder/components/shared/DropdownList.tsx b/apps/builder/components/shared/DropdownList.tsx
@@ -39,7 +39,7 @@ export const DropdownList = <T,>({
         textAlign="left"
         {...props}
       >
-        <chakra.span noOfLines={0} display="block">
+        <chakra.span noOfLines={1} display="block">
           {(currentItem ?? placeholder) as unknown as ReactNode}
         </chakra.span>
       </MenuButton>

diff --git a/...er/components/shared/Graph/Nodes/BlockNode/BlockNodeContent/contents/ConfigureContent.tsx b/...er/components/shared/Graph/Nodes/BlockNode/BlockNodeContent/contents/ConfigureContent.tsx
@@ -4,7 +4,7 @@ import { Text } from '@chakra-ui/react'
 type Props = { label?: string }
 
 export const ConfigureContent = ({ label }: Props) => (
-  <Text color={label ? 'currentcolor' : 'gray.500'} noOfLines={0}>
+  <Text color={label ? 'currentcolor' : 'gray.500'} noOfLines={1}>
     {label ?? 'Configure...'}
   </Text>
 )
diff --git a/...er/components/shared/Graph/Nodes/BlockNode/BlockNodeContent/contents/FileInputContent.tsx b/...er/components/shared/Graph/Nodes/BlockNode/BlockNodeContent/contents/FileInputContent.tsx
@@ -6,7 +6,7 @@ type Props = {
 }
 
 export const FileInputContent = ({ options: { isMultipleAllowed } }: Props) => (
-  <Text noOfLines={0} pr="6">
+  <Text noOfLines={1} pr="6">
     Collect {isMultipleAllowed ? 'files' : 'file'}
   </Text>
 )
diff --git a/...components/shared/Graph/Nodes/BlockNode/BlockNodeContent/contents/PaymentInputContent.tsx b/...components/shared/Graph/Nodes/BlockNode/BlockNodeContent/contents/PaymentInputContent.tsx
@@ -13,7 +13,7 @@ export const PaymentInputContent = ({ block }: Props) => {
   )
     return <Text color="gray.500">Configure...</Text>
   return (
-    <Text noOfLines={0} pr="6">
+    <Text noOfLines={1} pr="6">
       Collect {block.options.amount} {block.options.currency}
     </Text>
   )

diff --git a/.../components/shared/Graph/Nodes/BlockNode/BlockNodeContent/contents/RatingInputContent.tsx b/.../components/shared/Graph/Nodes/BlockNode/BlockNodeContent/contents/RatingInputContent.tsx
@@ -6,7 +6,7 @@ type Props = {
 }
 
 export const RatingInputContent = ({ block }: Props) => (
-  <Text noOfLines={0} pr="6">
+  <Text noOfLines={1} pr="6">
     Rate from 1 to {block.options.length}
   </Text>
 )
diff --git a/...ilder/components/shared/Graph/Nodes/BlockNode/BlockNodeContent/contents/ZapierContent.tsx b/...ilder/components/shared/Graph/Nodes/BlockNode/BlockNodeContent/contents/ZapierContent.tsx
@@ -36,7 +36,7 @@ export const ProviderWebhookContent = ({ block, configuredLabel }: Props) => {
   if (isNotDefined(webhook?.body))
     return <Text color="gray.500">Configure...</Text>
   return (
-    <Text noOfLines={0} pr="6">
+    <Text noOfLines={1} pr="6">
       {webhook?.url ? configuredLabel : 'Disabled'}
     </Text>
   )

diff --git a/.../components/shared/Graph/Nodes/ItemNode/ItemNodeContent/contents/ConditionNodeContent.tsx b/.../components/shared/Graph/Nodes/ItemNode/ItemNodeContent/contents/ConditionNodeContent.tsx
@@ -22,7 +22,7 @@ export const ConditionNodeContent = ({ item }: Props) => {
               byId(comparison.variableId)
             )
             return (
-              <Wrap key={comparison.id} spacing={1} noOfLines={0}>
+              <Wrap key={comparison.id} spacing={1} noOfLines={1}>
                 {idx > 0 && <Text>{item.content.logicalOperator ?? ''}</Text>}
                 {variable?.name && (
                   <Tag bgColor="orange.400" color="white">
@@ -38,7 +38,7 @@ export const ConditionNodeContent = ({ item }: Props) => {
                 )}
                 {comparison?.value && (
                   <Tag bgColor={'gray.200'}>
-                    <Text noOfLines={0}>{comparison.value}</Text>
+                    <Text noOfLines={1}>{comparison.value}</Text>
                   </Tag>
                 )}
               </Wrap>

diff --git a/apps/builder/components/shared/TypebotHeader/CollaborationMenuButton/CollaborationList.tsx b/apps/builder/components/shared/TypebotHeader/CollaborationMenuButton/CollaborationList.tsx
@@ -174,7 +174,7 @@ export const CollaborationList = () => {
         <Flex py="2" px="4" justifyContent="space-between">
           <HStack minW={0}>
             <EmojiOrImageIcon icon={workspace.icon} />
-            <Text fontSize="15px" noOfLines={0}>
+            <Text fontSize="15px" noOfLines={1}>
               Everyone at {workspace.name}
             </Text>
           </HStack>

diff --git a/apps/builder/components/shared/TypebotHeader/CollaborationMenuButton/CollaboratorButton.tsx b/apps/builder/components/shared/TypebotHeader/CollaborationMenuButton/CollaboratorButton.tsx
@@ -91,7 +91,7 @@ export const CollaboratorIdentityContent = ({
         <Text
           color="gray.500"
           fontSize={name ? '14px' : 'inherit'}
-          noOfLines={0}
+          noOfLines={1}
         >
           {email}
         </Text>

diff --git a/apps/builder/components/shared/TypebotHeader/EditableTypebotName.tsx b/apps/builder/components/shared/TypebotHeader/EditableTypebotName.tsx
@@ -18,7 +18,7 @@ export const EditableTypebotName = ({ name, onNewName }: EditableProps) => {
     <Tooltip label="Rename">
       <Editable value={localName} onChange={setLocalName} onSubmit={onNewName}>
         <EditablePreview
-          noOfLines={0}
+          noOfLines={1}
           cursor="pointer"
           maxW="200px"
           overflow="hidden"