Link tracking builder (#559)

* Link tracking builder

* check for querystring

* drawer link

* remove label

* add https

* update mediums

* display if valid

* catch ? at end of url

* disable submit

* upgrade router

* QR code

* remove exact

conf/routes

@@ -35,6 +35,8 @@ GET /campaigns/:name                                controllers.Application.inde
 
 GET /qr-code                                        controllers.Application.index
 
+GET /lynx                                           controllers.Application.index
+
 GET /apps-metering-switches                         controllers.Application.index
 
 GET /default-promos                                 controllers.Application.index

package.json

@@ -4,7 +4,7 @@
     "@types/material-ui": "^0.21.16",
     "@types/react": "~17.0.58",
     "@types/react-dom": "^18.2.19",
-    "@types/react-router-dom": "^5.1.9",
+    "@types/react-router-dom": "^5.3.3",
     "@typescript-eslint/eslint-plugin": "^4.1.1",
     "@typescript-eslint/parser": "^4.1.1",
     "css-loader": "^6.7.3",
@@ -48,7 +48,7 @@
     "react-dom": "^18.2.0",
     "react-hook-form": "^6.15.8",
     "react-qr-code": "^2.0.7",
-    "react-router-dom": "^5.2.0",
+    "react-router-dom": "^6.2.1",
     "recharts": "2.0.8",
     "remirror": "^1.0.60"
   },

public/src/components/drawer.tsx

@@ -220,6 +220,11 @@ export default function NavDrawer(): React.ReactElement {
             <ListItemText primary="QR Code Generator" />
           </ListItem>
         </Link>
+        <Link key="Link Tracking Builder" to="/lynx" className={classes.link}>
+          <ListItem className={classes.listItem} button key="Link Tracking Builder">
+            <ListItemText primary="Link Tracking Builder" />
+          </ListItem>
+        </Link>
         <Link key="Apps Metering Switches" to="/apps-metering-switches" className={classes.link}>
           <ListItem className={classes.listItem} button key="Apps Metering Switches">
             <ListItemText primary="Apps Metering Switches" />