Merge pull request #1396 from AhmedMustafa2201/bugs/copy-address

fix: copy complete link from the # button

Author: rvsia

packages/react-renderer-demo/src/components/mdx/share-button.js

@@ -3,6 +3,7 @@ import PropTypes from 'prop-types';
 import IconButton from '@mui/material/IconButton';
 import CopyToClipboard from 'react-copy-to-clipboard';
 import SvgIcon from '@mui/material/SvgIcon';
+import { urlFormatter } from '../../helpers/url-formatter';
 
 const HashTagSvg = (props) => (
   // eslint-disable-next-line max-len
@@ -15,7 +16,7 @@ const HashTagSvg = (props) => (
 );
 
 const ShareButton = ({ path }) => (
-  <CopyToClipboard text={path}>
+  <CopyToClipboard text={urlFormatter(path)}>
     <IconButton size="medium">
       <SvgIcon fontSize="small" viewBox="0 0 48 48">
         <HashTagSvg />

packages/react-renderer-demo/src/helpers/url-formatter.js

@@ -0,0 +1,5 @@
+export const urlFormatter = (initPath) => {
+  const url = process.env.NEXT_PUBLIC_VERCEL_URL;
+
+  return `https://${url + initPath}`;
+};