fix(lago-462): remove divider usage in favour of box-shadow

getlago · Oct 24, 2024 · 3b6a38e · 3b6a38e
1 parent badd356
commit 3b6a38e
Show file tree

Hide file tree

Showing 3 changed files with 3 additions and 10 deletions.
diff --git a/src/components/emails/DunningEmail.tsx b/src/components/emails/DunningEmail.tsx
@@ -12,7 +12,6 @@ import {
   ProviderTypeEnum,
 } from '~/generated/graphql'
 import { useContextualLocale } from '~/hooks/core/useContextualLocale'
-import { Divider } from '~/styles/mainObjectsForm'
 import { tw } from '~/styles/utils'
 
 import { Button, Skeleton, Table, Typography } from '../designSystem'
@@ -91,7 +90,7 @@ export const DunningEmail: FC<DunningEmailProps> = ({
 
   return (
     <>
-      <div className="flex flex-col gap-6">
+      <div className="flex flex-col gap-6 pb-8 shadow-b">
         <Typography className={paragraphStyle} color="textSecondary">
           {translate('text_66b378e748cda1004ff00db0', { customerName: customer?.displayName })}
         </Typography>
@@ -118,7 +117,7 @@ export const DunningEmail: FC<DunningEmailProps> = ({
           {translate('text_66b378e748cda1004ff00db5')}
         </Typography>
       </div>
-      <Divider />
+
       <div className="flex flex-col items-start gap-4">
         <div>
           <Typography className={captionStyle}>

diff --git a/src/pages/settings/Dunnings/CreateDunning.tsx b/src/pages/settings/Dunnings/CreateDunning.tsx
@@ -29,7 +29,6 @@ import {
 import { useInternationalization } from '~/hooks/core/useInternationalization'
 import { useOrganizationInfos } from '~/hooks/useOrganizationInfos'
 import { PageHeader } from '~/styles'
-import { Divider } from '~/styles/mainObjectsForm'
 
 gql`
   mutation CreateDunningCampaign($input: CreateDunningCampaignInput!) {
@@ -205,12 +204,11 @@ const CreateDunning = () => {
             </div>
             {[0, 1].map((_, index) => (
               <div key={`loading-${index}`}>
-                <div className="mb-12 flex flex-col gap-5">
+                <div className="flex flex-col gap-5 pb-12 shadow-b">
                   <Skeleton variant="text" width={160} />
                   <Skeleton variant="text" width={400} />
                   <Skeleton variant="text" width={296} />
                 </div>
-                <Divider />
               </div>
             ))}
           </div>

diff --git a/src/styles/mainObjectsForm.tsx b/src/styles/mainObjectsForm.tsx
@@ -117,7 +117,3 @@ export const SectionTitle = styled(Typography)`
     margin-bottom: ${theme.spacing(3)};
   }
 `
-
-// ------------------------------------------------------------
-
-export const Divider = () => <div className="h-px w-full shadow-b" />