Skip to content

Commit 0530898

Browse files
committed
Remove loading state handling from community stats display
1 parent 3f6ad06 commit 0530898

File tree

1 file changed

+14
-23
lines changed

1 file changed

+14
-23
lines changed

src/components/Community/index.tsx

Lines changed: 14 additions & 23 deletions
Original file line numberDiff line numberDiff line change
@@ -17,7 +17,6 @@ export const LandingCommunity: FC<Props> = ({ className }) => {
1717
githubContributorsCount,
1818
githubForksCount,
1919
githubReposCount,
20-
loading,
2120
error,
2221
} = useCommunityStatsContext();
2322

@@ -96,7 +95,7 @@ export const LandingCommunity: FC<Props> = ({ className }) => {
9695
{generateList.map((item, index) => (
9796
<div
9897
key={index}
99-
className={`landing-community__stat-item ${item.href ? "clickable" : ""} ${loading ? "loading" : ""}`}
98+
className={`landing-community__stat-item ${item.href ? "clickable" : ""}`}
10099
onClick={() => handleCardClick(item.href)}
101100
role={item.href ? "button" : "presentation"}
102101
tabIndex={item.href ? 0 : -1}
@@ -109,27 +108,19 @@ export const LandingCommunity: FC<Props> = ({ className }) => {
109108
title={item.href ? `Click to visit ${item.label}` : item.label}
110109
>
111110
<div className="landing-community__stat-value">
112-
{loading ? (
113-
<div className="landing-community__loading">
114-
<span className="loading-spinner"></span>
115-
</div>
116-
) : (
117-
<span>
118-
<SlotCounter
119-
value={item.stat}
120-
duration={2}
121-
animateOnVisible={{
122-
triggerOnce: true,
123-
rootMargin: "0px 0px -100px 0px",
124-
}}
125-
numberSlotClassName="slot-counter-number"
126-
separatorClassName="slot-counter-separator"
127-
/>
128-
{item.href && (
129-
<span className="external-link-icon"></span>
130-
)}
131-
</span>
132-
)}
111+
<span>
112+
<SlotCounter
113+
value={item.stat}
114+
duration={2}
115+
animateOnVisible={{
116+
triggerOnce: true,
117+
rootMargin: "0px 0px -100px 0px",
118+
}}
119+
numberSlotClassName="slot-counter-number"
120+
separatorClassName="slot-counter-separator"
121+
/>
122+
{item.href && <span className="external-link-icon"></span>}
123+
</span>
133124
</div>
134125
<div className="landing-community__stat-description">
135126
{item.description}

0 commit comments

Comments
 (0)