All files / src/components/pages/group/group-descriptions index.tsx

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
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
import {
  DescriptionDetail,
  DescriptionProfile,
  DescriptionProgress,
  DescriptionSetting,
  DescriptionTags,
  DescriptionTitle,
} from '@/components/pages/group/group-descriptions/description-sections';
import { GetGroupDetailsResponse } from '@/types/service/group';

interface Props {
  descriptions: Pick<
    GetGroupDetailsResponse,
    | 'id'
    | 'status'
    | 'createdBy'
    | 'createdAt'
    | 'address'
    | 'title'
    | 'tags'
    | 'description'
    | 'startTime'
    | 'myMembership'
    | 'maxParticipants'
    | 'participantCount'
  >;
}

export const GroupDescriptions = ({
  descriptions: {
    id,
    status,
    createdBy,
    createdAt,
    address,
    title,
    tags,
    description,
    startTime,
    myMembership,
    maxParticipants,
    participantCount,
  },
}: Props) => {
  return (
    <section className='bg-white px-5 pt-6 pb-4'>
      <DescriptionProfile
        conditions={{ isHost: myMembership?.role === 'HOST', isPast: status === 'FINISHED' }}
        groupId={id}
        hostInfo={createdBy}
      />
      <DescriptionTitle title={title} />
      <DescriptionTags tags={tags} />
      <DescriptionDetail detail={description} />
      <DescriptionSetting setting={{ address, startTime }} />
      <DescriptionProgress createdAt={createdAt} progress={{ maxParticipants, participantCount }} />
    </section>
  );
};