[#907] Move DRep yourself card to top in DRep Directory

IntersectMBO · May 8, 2024 · 6da4106 · 6da4106
1 parent 1bfd6d8
commit 6da4106
Showing 1 changed file with 14 additions and 1 deletion.
diff --git a/govtool/frontend/src/pages/DRepDirectoryContent.tsx b/govtool/frontend/src/pages/DRepDirectoryContent.tsx
@@ -58,6 +58,11 @@ export const DRepDirectoryContent: FC<DRepDirectoryContentProps> = ({
   );
   const myDrep = myDRepList?.[0];
 
+  const { dRepData: yourselfDRepList } = useGetDRepListInfiniteQuery({
+    searchPhrase: myDRepId,
+  });
+  const yourselfDRep = yourselfDRepList?.[0];
+
   const {
     dRepData: dRepList,
     isPreviousData,
@@ -84,6 +89,13 @@ export const DRepDirectoryContent: FC<DRepDirectoryContentProps> = ({
 
   const ada = correctAdaFormat(votingPower);
 
+  const dRepsWithoutYourself = dRepList?.filter(
+    (dRep) => !isSameDRep(dRep, myDRepId),
+  );
+  const dRepListToDisplay = yourselfDRep
+    ? [yourselfDRep, ...dRepsWithoutYourself]
+    : dRepList;
+
   return (
     <Box display="flex" flex={1} flexDirection="column" gap={4}>
       {/* My delegation */}
@@ -96,6 +108,7 @@ export const DRepDirectoryContent: FC<DRepDirectoryContentProps> = ({
             dRep={myDrep}
             isConnected={!!isConnected}
             isInProgress={isSameDRep(myDrep, inProgressDelegation)}
+            isMe={isSameDRep(myDrep, myDRepId)}
           />
         </div>
       )}
@@ -175,7 +188,7 @@ export const DRepDirectoryContent: FC<DRepDirectoryContentProps> = ({
               </Typography>
             </Card>
           )}
-          {dRepList?.map((dRep) => {
+          {dRepListToDisplay?.map((dRep) => {
             if (isSameDRep(dRep, myDrep?.view)) {
               return null;
             }