This repository has no description
add real data to chart
author
damedotblog
date
(Jan 22, 2025, 5:54 PM -0500)
commit
bbd711ec
bbd711ecd4519e1e55b6fb503dacc0c8492d29fa
parent
844c83e1
844c83e182db0e1f57bdc89752bf68fcee3dcbd0
+7
-7
+2
-2
src/components/UserProfile/UserProfile.js
+2
-2
src/components/UserProfile/UserProfile.js
···
41
41
setLayouts({
42
42
lg: [
43
43
{ i: "AccountData", x: 0, y: 0, w: 3, h: 6, minW, maxW, minH, maxH },
44
-
{ i: "NarrativeCard", x: 4, y: 0, w: 3, h: 6, minW, maxW, minH, maxH },
45
-
{ i: "PostTypeCard", x: 7, y: 0, w: 4, h: 6, minW, maxW, minH, maxH },
44
+
{ i: "NarrativeCard", x: 3, y: 0, w: 3, h: 6, minW, maxW, minH, maxH },
45
+
{ i: "PostTypeCard", x: 6, y: 0, w: 4, h: 6, minW, maxW, minH, maxH },
46
46
{ i: "visualization2", x: 5, y: 5, w: 4, h: 4, minW, maxW, minH, maxH },
47
47
{ i: "recentActivity", x: 8, y: 4, w: 4, h: 4, minW, maxW, minH, maxH },
48
48
{ i: "connections", x: 0, y: 8, w: 4, h: 4, minW, maxW, minH, maxH },
+5
-5
src/components/UserProfile/components/PostTypeCard.js
+5
-5
src/components/UserProfile/components/PostTypeCard.js
···
98
98
99
99
// Prepare the data for the pie chart
100
100
const data = [
101
-
{ name: 'Posts', value: 43 },
102
-
{ name: 'Replies', value: 22 },
103
-
{ name: 'Quotes', value: 5 },
104
-
{ name: 'Reposts', value: 30 },
101
+
{ name: 'Posts', value: accountData.activityAll["app.bsky.feed.post"].onlyPosts },
102
+
{ name: 'Replies', value: accountData.activityAll["app.bsky.feed.post"].onlyReplies },
103
+
{ name: 'Quotes', value: accountData.activityAll["app.bsky.feed.post"].onlyQuotes },
104
+
{ name: 'Reposts', value: accountData.activityAll["app.bsky.feed.post"].onlyReposts },
105
105
];
106
106
107
107
// Handler for when a pie slice is hovered
···
117
117
activeIndex={activeIndex}
118
118
activeShape={renderActiveShape}
119
119
data={data}
120
-
cx="50%"
120
+
cx="45%"
121
121
cy="50%"
122
122
innerRadius={45}
123
123
outerRadius={80}