\n \n \n {block.blockType === '경고' ? '경고일시' : <>{block.blockType === '영구차단' ? '차단일시' : '정지일시'}>}\n
\n {formatChangeString(block?.created_at)}
\n \n {block.blockType !== '경고' && (\n \n 해제일시
\n {block.block_end_date ? formatChangeString(block.block_end_date) : '-'}
\n \n )}\n {block.blockType !== '경고' && (\n \n 정지기간
\n \n {block.blockType}\n
\n \n )}\n \n \n {block.blockType === '경고' ? '경고사유' : <>{block.blockType === '영구차단' ? '차단사유' : '정지사유'}>}\n
\n {block.policy_message ? block.policy_message : block.blockMessage}
\n \n \n 위반유형
\n {block?.policy_type2}
\n \n {block?.product_name && (\n \n 제재상품
\n {block.product_name}
\n \n )}\n {status === 'current' &&\n block.blockType === '영구차단' &&\n previousBlockedUids.length > 0 &&\n !isCIBlock &&\n previousLastBlockedShopName && (\n \n 이전상점
\n {previousLastBlockedShopName}
\n \n )}\n {block?.victim_name && block?.policy_type2 !== '사기징후명확' && (\n \n 피해상점
\n {block?.victim_name}
\n \n )}\n {block?.fraud_reports.length > 0 && (\n <>\n \n \n 신고일시
\n {formatChangeString(block?.fraud_reports[0].created_at).split('T').join(' ')}
\n \n {block?.fraud_reports[0].resolved && (\n \n 해결일시
\n {formatChangeString(block?.fraud_reports[0].modified_at).split('T').join(' ')}
\n \n )}\n {block?.fraud_reports[0].victim_name && (\n \n 피해상점
\n {block?.fraud_reports[0].victim_name}
\n \n )}\n {block?.fraud_reports[0].product_name && (\n \n 제재상품
\n {block?.fraud_reports[0].product_name}
\n \n )}\n {block?.fraud_reports[0].resolved && 해당 내역은 해결되었어요}\n >\n )}\n {block?.fraud_reports.length > 1 && (\n <>\n {block.fraud_reports\n .filter((_, index) => index !== 0)\n .map((list) => (\n \n \n \n 신고일시
\n {formatChangeString(list.created_at).split('T').join(' ')}
\n \n {list.resolved && (\n \n 해결일시
\n {formatChangeString(list.modified_at).split('T').join(' ')}
\n \n )}\n {list.victim_name && (\n \n 피해상점
\n {list.victim_name}
\n \n )}\n {list.product_name && (\n \n 제재상품
\n {list.product_name}
\n \n )}\n {list.resolved && 해당 내역은 해결되었어요}\n \n ))}\n >\n )}\n \n );\n};\n\nconst BanRecord = styled.div`\n margin: 20px 0;\n padding: 30px 20px;\n border-radius: 6px;\n border: solid 1px #e4e4e4;\n background-color: ${colors.WHITE};\n`;\n\nconst BanContentWrapper = styled.div`\n display: flex;\n margin-bottom: 20px;\n &:last-child {\n margin-bottom: 0;\n }\n div {\n &:first-child {\n min-width: 28%;\n font-size: 14px;\n font-weight: 500;\n font-stretch: normal;\n font-style: normal;\n line-height: 1;\n letter-spacing: normal;\n color: ${colors.BGZT_Gray_400};\n padding-right: 16px;\n padding-top: 2px;\n box-sizing: border-box;\n }\n &:last-child {\n font-size: 14px;\n font-weight: 500;\n font-stretch: normal;\n font-style: nrmal;\n line-height: 1;\n letter-spacing: normal;\n color: ${colors.HEADER_FONT_COLOR};\n line-height: 1.29;\n span {\n font-weight: bold;\n color: ${colors.HEADER_FONT_COLOR};\n }\n }\n }\n`;\n\nconst Divider = styled.div`\n margin: 30px 0 31px 0;\n height: 1px;\n background-color: ${colors.BGZT_Gray_50};\n`;\n\nconst ResolvedNotice = styled.div`\n padding: 10px 77px;\n border-radius: 6px;\n background-color: ${colors.BGZT_Green_50};\n font-size: 14px;\n font-weight: 500;\n font-stretch: normal;\n font-style: normal;\n line-height: normal;\n letter-spacing: normal;\n text-align: center;\n color: ${colors.BGZT_Green_500};\n`;\n","import styled from 'styled-components';\nimport emptyListImage from 'assets/img/ic_state_empty_question_list.png';\nimport { Typography } from '@bgzt/ui';\nimport * as colors from 'styles/colors';\n\nexport const EmptyBox = ({ message }) => {\n return (\n