Skip to content

Commit 01caba2

Browse files
anyulledanyulled
committed
refactor: Consolidate sponsor display components into a single SponsorTier component and add VS Code launch configuration.
1 parent 354aeb4 commit 01caba2

25 files changed

+380
-2014
lines changed

‎src/2023/Home/components/Sponsors/Sponsors.style.ts‎

Lines changed: 0 additions & 96 deletions
This file was deleted.

‎src/2023/Home/components/Sponsors/Sponsors.tsx‎

Lines changed: 60 additions & 30 deletions
Original file line numberDiff line numberDiff line change
@@ -7,31 +7,10 @@ import {
77
StyledSponsorsContainer,
88
StyledTitleContainer,
99
StyledTitleImg,
10-
} from "./Sponsors.style";
11-
12-
import { BasicSponsor } from "@views/Home/components/Sponsors/BasicSponsor";
13-
import { MediaPartners } from "@views/Home/components/Sponsors/MediaPartners";
14-
import { RegularSponsors } from "@views/Home/components/Sponsors/RegularSponsors";
15-
import { PremiumSponsors } from "@views/Home/components/Sponsors/PremiumSponsors";
16-
import { TopSponsors } from "@views/Home/components/Sponsors/TopSponsors";
17-
import { Communities } from "@views/Home/components/Sponsors/Communities";
18-
import { Supporters } from "@views/Home/components/Sponsors/Supporters";
19-
10+
} from "@views/Home/components/Sponsors/Sponsors.style";
11+
import { SponsorTier } from "@views/Home/components/Sponsors/SponsorTier";
2012
import { sponsors } from "./SponsorsData";
2113

22-
export const buildSlashes = (module: number) => {
23-
const slashesElement = document.getElementById("Slashes");
24-
25-
const slashesWidth = slashesElement?.offsetWidth ?? 0;
26-
27-
let slashes = "";
28-
for (let index = 0; index < slashesWidth; index++) {
29-
if (index % module === 0) slashes += "/ ";
30-
}
31-
32-
return slashes;
33-
};
34-
3514
const Sponsors: FC<React.PropsWithChildren<unknown>> = () => (
3615
<SectionWrapper color={Color.WHITE}>
3716
<StyledSponsorsContainer id="sponsors">
@@ -48,15 +27,66 @@ const Sponsors: FC<React.PropsWithChildren<unknown>> = () => (
4827
/>
4928
<StyledTitleImg src="/images/LessThanBlueWhiteIcon.svg" />
5029
</StyledTitleContainer>
51-
<TopSponsors sponsors={sponsors.top} />
52-
<PremiumSponsors sponsors={sponsors.premium} />
53-
<RegularSponsors sponsors={sponsors.regular} />
54-
<BasicSponsor sponsors={sponsors.basic} />
55-
<Communities sponsors={sponsors.communities} />
56-
<Supporters sponsors={sponsors.supporters} />
57-
<MediaPartners sponsors={sponsors.media_partners} />
30+
<SponsorTier
31+
sponsors={sponsors.top}
32+
title="TOP"
33+
id="top-sponsors"
34+
badgeColor={Color.BLUE}
35+
badgePosition="left"
36+
imageSize="premium"
37+
/>
38+
<SponsorTier
39+
sponsors={sponsors.premium}
40+
title="PREMIUM"
41+
id="premium-sponsors"
42+
badgeColor={Color.DARK_BLUE}
43+
badgePosition="right"
44+
imageSize="premium"
45+
/>
46+
<SponsorTier
47+
sponsors={sponsors.regular}
48+
title="REGULAR"
49+
id="regular-sponsors"
50+
badgeColor={Color.DARK_BLUE}
51+
badgePosition="left"
52+
imageSize="regular"
53+
/>
54+
<SponsorTier
55+
sponsors={sponsors.basic}
56+
title="BASIC"
57+
id="basic-sponsors"
58+
badgeColor={Color.DARK_BLUE}
59+
badgePosition="right"
60+
imageSize="nano"
61+
/>
62+
<SponsorTier
63+
sponsors={sponsors.communities}
64+
title="COMMUNITIES"
65+
id="communities"
66+
badgeColor={Color.DARK_BLUE}
67+
badgePosition="left"
68+
imageSize="micro"
69+
/>
70+
<SponsorTier
71+
sponsors={sponsors.supporters}
72+
title="SUPPORTERS"
73+
id="supporters"
74+
badgeColor={Color.DARK_BLUE}
75+
badgePosition="right"
76+
imageSize="micro"
77+
testId="supporters"
78+
/>
79+
<SponsorTier
80+
sponsors={sponsors.media_partners}
81+
title="MEDIA PARTNERS"
82+
id="media-partners"
83+
badgeColor={Color.DARK_BLUE}
84+
badgePosition="left"
85+
imageSize="micro"
86+
/>
5887
</StyledSponsorsContainer>
5988
</SectionWrapper>
6089
);
6190

6291
export default Sponsors;
92+

‎src/2024/Sponsors/SponsorBadge.tsx‎

Lines changed: 0 additions & 36 deletions
This file was deleted.

‎src/2024/Sponsors/Sponsors.tsx‎

Lines changed: 59 additions & 27 deletions
Original file line numberDiff line numberDiff line change
@@ -8,28 +8,9 @@ import {
88
} from "./Sponsors.style";
99
import { SectionWrapper } from "@components/SectionWrapper/SectionWrapper";
1010
import TitleSection from "@components/SectionTitle/TitleSection";
11-
import { BasicSponsor } from "@views/Home/components/Sponsors/BasicSponsor";
12-
import { MediaPartners } from "@views/Home/components/Sponsors/MediaPartners";
13-
import { RegularSponsors } from "@views/Home/components/Sponsors/RegularSponsors";
14-
import { PremiumSponsors } from "@views/Home/components/Sponsors/PremiumSponsors";
15-
import { TopSponsors } from "@views/Home/components/Sponsors/TopSponsors";
16-
import { Communities } from "@views/Home/components/Sponsors/Communities";
17-
import { Supporters } from "@views/Home/components/Sponsors/Supporters";
11+
import { SponsorTier } from "@views/Home/components/Sponsors/SponsorTier";
1812
import { sponsors } from "./SponsorsData";
1913

20-
export const buildSlashes = (module: number) => {
21-
const slashesElement = document.getElementById("Slashes");
22-
23-
const slashesWidth = slashesElement?.offsetWidth ?? 0;
24-
25-
let slashes = "";
26-
for (let index = 0; index < slashesWidth; index++) {
27-
if (index % module === 0) slashes += "/ ";
28-
}
29-
30-
return slashes;
31-
};
32-
3314
const Sponsors: FC<React.PropsWithChildren<unknown>> = () => (
3415
<SectionWrapper color={Color.WHITE}>
3516
<StyledSponsorsContainer id="sponsors">
@@ -52,15 +33,66 @@ const Sponsors: FC<React.PropsWithChildren<unknown>> = () => (
5233
src="/images/LessThanBlueWhiteIcon.svg"
5334
/>
5435
</StyledTitleContainer>
55-
<TopSponsors sponsors={sponsors.top} />
56-
<PremiumSponsors sponsors={sponsors.premium} />
57-
<RegularSponsors sponsors={sponsors.regular} />
58-
<BasicSponsor sponsors={sponsors.basic} />
59-
<Communities sponsors={sponsors.communities} />
60-
<Supporters sponsors={sponsors.supporters} />
61-
<MediaPartners sponsors={sponsors.media_partners} />
36+
<SponsorTier
37+
sponsors={sponsors.top}
38+
title="TOP"
39+
id="top-sponsors"
40+
badgeColor={Color.BLUE}
41+
badgePosition="left"
42+
imageSize="premium"
43+
/>
44+
<SponsorTier
45+
sponsors={sponsors.premium}
46+
title="PREMIUM"
47+
id="premium-sponsors"
48+
badgeColor={Color.DARK_BLUE}
49+
badgePosition="right"
50+
imageSize="premium"
51+
/>
52+
<SponsorTier
53+
sponsors={sponsors.regular}
54+
title="REGULAR"
55+
id="regular-sponsors"
56+
badgeColor={Color.DARK_BLUE}
57+
badgePosition="left"
58+
imageSize="regular"
59+
/>
60+
<SponsorTier
61+
sponsors={sponsors.basic}
62+
title="BASIC"
63+
id="basic-sponsors"
64+
badgeColor={Color.DARK_BLUE}
65+
badgePosition="right"
66+
imageSize="nano"
67+
/>
68+
<SponsorTier
69+
sponsors={sponsors.communities}
70+
title="COMMUNITIES"
71+
id="communities"
72+
badgeColor={Color.DARK_BLUE}
73+
badgePosition="left"
74+
imageSize="micro"
75+
/>
76+
<SponsorTier
77+
sponsors={sponsors.supporters}
78+
title="SUPPORTERS"
79+
id="supporters"
80+
badgeColor={Color.DARK_BLUE}
81+
badgePosition="right"
82+
imageSize="micro"
83+
testId="supporters"
84+
/>
85+
<SponsorTier
86+
sponsors={sponsors.media_partners}
87+
title="MEDIA PARTNERS"
88+
id="media-partners"
89+
badgeColor={Color.DARK_BLUE}
90+
badgePosition="left"
91+
imageSize="micro"
92+
/>
6293
</StyledSponsorsContainer>
6394
</SectionWrapper>
6495
);
6596

6697
export default Sponsors;
98+

0 commit comments

Comments
 (0)