From 879458506ef23e2b6c7a13d507e1fc72f733210b Mon Sep 17 00:00:00 2001
From: Justin Edmund <justin@jedmund.com>
Date: Fri, 11 Sep 2020 09:08:10 -0700
Subject: [PATCH] Add copy to clipboard to Header

---
 src/Header/Header.tsx | 28 ++++++++++++++++++++++++----
 1 file changed, 24 insertions(+), 4 deletions(-)

diff --git a/src/Header/Header.tsx b/src/Header/Header.tsx
index 3d7b574e..69b195ad 100644
--- a/src/Header/Header.tsx
+++ b/src/Header/Header.tsx
@@ -1,17 +1,37 @@
-import React from 'react'
-import './Nav.css'
+import React, { useRef, useState } from 'react'
+import { Link } from 'react-router-dom'
+
+import './Header.css'
 
 import Button from '../Button/Button'
 
 class Header extends React.Component {
+    constructor(props) {
+        super(props)
+        this.copyToClipboard = this.copyToClipboard.bind(this)
+    }
+
+    copyToClipboard() {
+        const el = document.createElement('input')
+        el.value = window.location.href
+        el.id = 'url-input'
+        document.body.appendChild(el)
+
+        el.select()
+        document.execCommand('copy')
+        el.remove()
+    }
+
     render() {
         return <nav className="Header">
             <div className="left">
-                <Button type="new">New</Button>
+                <Link to='/'>
+                    <Button type="new">New</Button>
+                </Link>
             </div>
             <div className="push" />
             <div className="right">
-                <Button type="link">Copy link</Button>
+                <Button type="link" click={this.copyToClipboard}>Copy link</Button>
                 <Button type="menu">Menu</Button>
             </div>
         </nav>