Merge pull request #1712 from streamr-dev/front-1649-slashing-history…

…-rows-should-link-to-sponsorships FRONT-1649: Link slashing history rows to sponsorships
streamr-dev · Nov 13, 2023 · a1c1a2d · a1c1a2d
2 parents 3e84254 + f307cf9
commit a1c1a2d
Showing 2 changed files with 10 additions and 3 deletions.
diff --git a/src/pages/SingleOperatorPage.tsx b/src/pages/SingleOperatorPage.tsx
@@ -640,7 +640,9 @@ export const SingleOperatorPage = () => {
                                     columns={[
                                         {
                                             displayName: 'Stream ID',
-                                            valueMapper: (element) => element.streamId,
+                                            valueMapper: ({ streamId }) => (
+                                                <StreamIdCell streamId={streamId} />
+                                            ),
                                             align: 'start',
                                             isSticky: true,
                                             key: 'id',
@@ -694,6 +696,9 @@ export const SingleOperatorPage = () => {
                                             key: 'reason',
                                         },
                                     ]}
+                                    linkMapper={({ sponsorshipId: id }) =>
+                                        routes.network.sponsorship({ id })
+                                    }
                                 />
                             </SlashingHistoryTableContainer>
                         </NetworkPageSegment>

diff --git a/src/parsers/OperatorParser.ts b/src/parsers/OperatorParser.ts
@@ -56,14 +56,16 @@ export const OperatorParser = z
                     amount: z.string().transform(toBN),
                     date: z.coerce.number(),
                     sponsorship: z.object({
+                        id: z.string(),
                         stream: z.object({
                             id: z.string(),
                         }),
                     }),
                 })
-                .transform(({ sponsorship, ...rest }) => ({
+                .transform(({ sponsorship: { id: sponsorshipId, stream }, ...rest }) => ({
                     ...rest,
-                    streamId: sponsorship.stream.id,
+                    sponsorshipId,
+                    streamId: stream.id,
                 })),
         ),
         stakes: z.array(