Merge pull request #2689 from IntersectMBO/fix/2686-share-button-is-m…

…issing-from-the-dreps-details-page

feat(#2686): add share button to every DRep

CHANGELOG.md

@@ -12,7 +12,7 @@ changes.
 
 ### Added
 
--
+- Add share DRep button to every DRep instead of only our own [Issue 2686](https://github.com/IntersectMBO/govtool/issues/2686)
 
 ### Fixed
 

govtool/frontend/src/components/molecules/DataMissingHeader.tsx

@@ -7,6 +7,8 @@ import {
   getMetadataDataMissingStatusTranslation,
 } from "@/utils";
 import { ICONS } from "@/consts";
+import { Share } from "./Share";
+import { useScreenDimension } from "@/hooks";
 
 type DataMissingHeaderProps = {
   isDataMissing: MetadataValidationStatus | null;
@@ -24,6 +26,7 @@ export const DataMissingHeader = ({
   image,
 }: DataMissingHeaderProps) => {
   const base64Image = getBase64ImageDetails(image ?? "");
+  const { screenWidth } = useScreenDimension();
 
   return (
     <Box
@@ -78,6 +81,7 @@ export const DataMissingHeader = ({
             title}
         </Typography>
       </Box>
+      {screenWidth >= 1020 && <Share link={window.location.href} />}
     </Box>
   );
 };

govtool/frontend/src/components/organisms/DRepDetailsCardHeader.tsx

@@ -10,7 +10,7 @@ import {
   useScreenDimension,
   useTranslation,
 } from "@hooks";
-import { DataMissingHeader, Share } from "@molecules";
+import { DataMissingHeader } from "@molecules";
 import { correctDRepDirectoryFormat } from "@utils";
 import { DRepData } from "@/models";
 
@@ -115,7 +115,6 @@ export const DRepDetailsCardHeader = ({
                   style={{ marginLeft: "4px" }}
                 />
               </Button>
-              {screenWidth >= 1020 && <Share link={window.location.href} />}
             </Box>
           )}
         </Box>