description-setting index.tsx

0% Statements 0/29

0% Branches 0/1

0% Functions 0/1

0% Lines 0/29

Press n or j to go to the next uncovered block, b, p or k for the previous block.


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30  
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
  import { Icon } from '@/components/icon';
import { formatDateTime } from '@/lib/formatDateTime';
import { GetGroupDetailsResponse } from '@/types/service/group';

interface Props {
  setting: Pick<GetGroupDetailsResponse, 'address' | 'startTime'>;
}

export const DescriptionSetting = ({
  setting: {
    address: { location },
    startTime,
  },
}: Props) => {
  return (
    <div className='mt-6'>
      <ul className='text-text-sm-medium space-y-[6px] text-gray-900'>
        <li className='flex items-center gap-2'>
          <Icon id='map-pin-1' width={16} className='text-mint-500' height={16} />
          <p>{location}</p>
        </li>
        <li className='flex items-center gap-2'>
          <Icon id='calendar-1' width={16} className='text-mint-500' height={16} />
          <p>{formatDateTime(startTime)}</p>
        </li>
      </ul>
    </div>
  );
};