hunk.code_window:     }
       try {
         const acquiredLock = await this.distributedLock.acquire([resource], ttl);
         Logger.log(`Lock ${resource} acquired for ${ttl} ms`, LOG_CONTEXT);
         return this.createLockRelease(resource, acquiredLock);
       } catch (error) {
  
hunk.labels: keep keep keep keep replace keep keep keep
hunk.after_edit:       shouldLog && Logger.log(`Lock ${resource} acquired for ${ttl} ms`, LOG_CONTEXT);
  
hunk.file_path: apps/api/src/app/shared/services/distributed-lock/distributed-lock.service.ts
hunk.type: replace
file: import { createStyles, Group } from '@mantine/core';
  import { format } from 'date-fns';
  import { colors } from '../../../../design-system';
  import { EmailIntegrationInfo } from '../EmailIntegrationInfo';
  import { Mobile } from '../Mobile';
  import { DateArrow } from './DateArrow';
  import { ItemSkeleton } from './InboxItem';
  
  const useStyles = createStyles((theme) => ({
    bottom: {
      height: '70px',
    },
    header: {
      fontSize: '22px',
      fontWeight: 'bold',
      color: colors.white,
      marginLeft: '15px',
      marginTop: '20px',
      marginBottom: '28px',
    },
    InboxItem: {
      marginBottom: '5px',
      fontSize: '14px',
      fontWeight: 'bolder',
    },
    preheader: {
      fontSize: '12px',
      color: theme.colorScheme === 'dark' ? colors.B60 : colors.B70,
    },
    subject: {
      marginBottom: '5px',
      fontSize: '12px',
      fontWeight: 'bolder',
    },
    content: {
      marginLeft: '15px',
      marginRight: '15px',
    },
    date: {
      marginRight: '7px',
      color: theme.colorScheme === 'dark' ? colors.B60 : colors.B70,
    },
  }));
  
  export const PreviewMobileInbox = ({
    integration,
    subject,
    preheader,
  }: {
    integration: any;
    subject: string;
    preheader: string;
  }) => {
    const { classes } = useStyles();
  
    return (
      <>
        <Mobile>
          <div className={classes.header}>Inbox</div>
          <div className={classes.content}>
            <div className={classes.InboxItem}>
              <Group position="apart">
                <div>
                  <EmailIntegrationInfo integration={integration} field={'senderName'} />
                </div>
                <div>
                  <span className={classes.date}>{format(new Date(), 'MMM dd')}</span>
                  <DateArrow />
                </div>
              </Group>
            </div>
            <div className={classes.subject}>{subject}</div>
            <div className={classes.preheader}>{preheader}</div>
          </div>
          <ItemSkeleton />
          <ItemSkeleton />
        </Mobile>
        <div className={classes.bottom}></div>
      </>
    );
  };
  