added copy link and updated styling

components/footer.js

@@ -23,15 +23,30 @@ export default function Footer(props) {
     ));
 
     const [showShareState, setShowShareState] = useState(false);
+    const [copySuccess, setCopySuccess] = useState("");
 
     let shareState = () => {
         showShareState == true
-            ? setShowShareState(false)
+            ? (setShowShareState(false), setCopySuccess(""))
             : setShowShareState(true);
     };
 
-    //console.log(router.asPath);
-    const shareBodyStr = t("common:service-home-url") + router.asPath;
+    const copyToClipBoard = async (copyMe) => {
+        try {
+            await navigator.clipboard.writeText(copyMe);
+            setCopySuccess(" - done!");
+        } catch (err) {
+            setCopySuccess("Failed to copy!");
+        }
+    };
+
+    const shareBodyStr =
+        t("common:service-home-url") +
+        (router.route == "/case" ||
+        router.route == "/dnsdetails" ||
+        router.route == "/myportal/case"
+            ? "/case/" + encodeURIComponent(props.ticketnumber)
+            : router.asPath);
     const shareSubjectStr =
         t("common:social-shared-from") +
         " " +
@@ -110,7 +125,7 @@ export default function Footer(props) {
                                             shareBodyStr +
                                             "&subject=" +
                                             shareSubjectStr
-                                        } //</li>https%3A//gov.wales/&amp;subject=Shared%20from%20gov.wales"
+                                        }
                                         className="email"
                                     >
                                         <span className="vo_hidden">
@@ -119,6 +134,19 @@ export default function Footer(props) {
                                         Email
                                     </a>
                                 </li>
+                                <li>
+                                    <a
+                                        onClick={() => {
+                                            copyToClipBoard(shareBodyStr);
+                                        }}
+                                        className="link"
+                                    >
+                                        <span className="vo_hidden">
+                                            Share this page via{" "}
+                                        </span>
+                                        Copy Link {copySuccess}
+                                    </a>
+                                </li>
                             </ul>
                         </div>
                         <div
@@ -244,21 +272,6 @@ export default function Footer(props) {
                                             )}
                                         </Link>
                                     </li>
-                                    {/* <li className="govuk-footer__inline-list-item">
-                                    <a
-                                        href={t(
-                                            "common:footer-alternative-languages-link"
-                                        )}
-                                        id="aTermsConds"
-                                        className="govuk-footer__link"
-                                        target="_blank"
-                                        rel="noreferrer"
-                                    >
-                                        {t(
-                                            "common:footer-alternative-languages-link-label"
-                                        )}
-                                    </a>
-                                </li> */}
                                 </ul>
                             </nav>
                             <div