Skip to content

진행한 캠페인 폰트 사이즈 변경 #192

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
yoonyoungyang merged 1 commit into from
Feb 12, 2026
Merged

진행한 캠페인 폰트 사이즈 변경 #192

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
3 changes: 2 additions & 1 deletion .hintrc
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -18,7 +18,8 @@
"axe/aria": [
"default",
{
"aria-valid-attr-value": "off"
"aria-valid-attr-value": "off",
"aria-roles": "off"
}
]
}
Expand Down
77 changes: 59 additions & 18 deletions app/routes/mypage/components/profileCard/CampaignsSection.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -53,10 +53,11 @@ export default function CampaignsSection() {
let isMounted = true;
const fetchData = async () => {
try {
const res =
await axiosInstance.get<CollaborationResponse>("/api/v1/campaigns/collaborations/me");
const res = await axiosInstance.get<CollaborationResponse>(
"/api/v1/campaigns/collaborations/me",
);
if (!isMounted) return;
setItems(res.data?.isSuccess ? res.data.result ?? [] : []);
setItems(res.data?.isSuccess ? (res.data.result ?? []) : []);
} catch (error) {
console.error("캠페인 조회 실패:", error);
if (!isMounted) return;
Expand All @@ -79,15 +80,18 @@ export default function CampaignsSection() {
}, [items, safePage]);

const pageNumbers = useMemo(() => {
if (totalPages <= 4) return Array.from({ length: totalPages }, (_, i) => i + 1);
if (totalPages <= 4)
return Array.from({ length: totalPages }, (_, i) => i + 1);
const start = Math.max(1, Math.min(safePage - 1, totalPages - 3));
return [start, start + 1, start + 2, start + 3];
}, [safePage, totalPages]);

return (
<section className="py-6">
<div className="flex items-center justify-between mb-[12px]">
<div className="text-[16px] leading-[20px] font-semibold text-black/80">진행한 캠페인</div>
<div className="text-[14px] leading-[20px] font-semibold text-black/80">
진행한 캠페인
</div>
<button
type="button"
onClick={() => setIsOpen((prev) => !prev)}
Expand Down Expand Up @@ -117,9 +121,15 @@ export default function CampaignsSection() {
<div className="divide-y divide-[#E8E8FB]">
{pageItems.map((item, idx) => {
const typeLabel = item.type ? typeLabelMap[item.type] : "";
const statusLabel = item.status ? statusLabelMap[item.status] : "";
const dateLabel = formatDate(item.endDate ?? item.startDate ?? undefined);
const rightLabel = [dateLabel, statusLabel].filter(Boolean).join(" ");
const statusLabel = item.status
? statusLabelMap[item.status]
: "";
const dateLabel = formatDate(
item.endDate ?? item.startDate ?? undefined,
);
const rightLabel = [dateLabel, statusLabel]
.filter(Boolean)
.join(" ");
const title = item.title ?? "";
const brand = item.brandName ? `${item.brandName} - ` : "";

Expand Down Expand Up @@ -162,10 +172,19 @@ export default function CampaignsSection() {
disabled={safePage === 1}
aria-label="이전 페이지"
>
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M17 6L11.5 12L17 18" stroke="#5B5D6B" strokeWidth="1.5"/>
<svg
width="24"
height="24"
viewBox="0 0 24 24"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M17 6L11.5 12L17 18"
stroke="#5B5D6B"
strokeWidth="1.5"
/>
</svg>

</button>

{pageNumbers.map((n) => (
Expand All @@ -189,10 +208,19 @@ export default function CampaignsSection() {
disabled={safePage === totalPages}
aria-label="다음 페이지"
>
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M7 18L12.5 12L7 6" stroke="#5B5D6B" strokeWidth="1.5"/>
<svg
width="24"
height="24"
viewBox="0 0 24 24"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M7 18L12.5 12L7 6"
stroke="#5B5D6B"
strokeWidth="1.5"
/>
</svg>

</button>
<button
type="button"
Expand All @@ -201,11 +229,24 @@ export default function CampaignsSection() {
disabled={safePage === totalPages}
aria-label="마지막 페이지"
>
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M7 18L12.5 12L7 6" stroke="#5B5D6B" strokeWidth="1.5"/>
<path d="M13 18L18.5 12L13 6" stroke="#5B5D6B" strokeWidth="1.5"/>
<svg
width="24"
height="24"
viewBox="0 0 24 24"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M7 18L12.5 12L7 6"
stroke="#5B5D6B"
strokeWidth="1.5"
/>
<path
d="M13 18L18.5 12L13 6"
stroke="#5B5D6B"
strokeWidth="1.5"
/>
</svg>

</button>
</div>
</div>
Expand Down
Loading