Use ENV vars instead of hardcoded

.gitignore

@@ -13,6 +13,7 @@
 
 # misc
 .DS_Store
+.env
 .env.local
 .env.development.local
 .env.test.local

README.md

@@ -25,4 +25,28 @@ npm run build
 
 The development server will start on `http://localhost:3000`
 
-Get css docs here https://materializecss.com/
+Get css docs here https://materializecss.com/
+
+Default .htaccess file
+
+```
+<IfModule mod_rewrite.c>
+
+  RewriteEngine On
+  RewriteBase /
+  RewriteRule ^index\.html$ - [L]
+  RewriteCond %{REQUEST_FILENAME} !-f
+  RewriteCond %{REQUEST_FILENAME} !-d
+  RewriteCond %{REQUEST_FILENAME} !-l
+  RewriteRule . /index.html [L]
+
+</IfModule>
+```
+
+env variables
+
+```
+REACT_APP_SITE_URL=SITEURL
+REACT_APP_API_ADDRESS=ADDRESS
+REACT_APP_API_KEY=APIKEY
+```

env.default

@@ -0,0 +1,3 @@
+REACT_APP_SITE_URL=SITEURL
+REACT_APP_API_ADDRESS=ADDRESS
+REACT_APP_API_KEY=APIKEY

public/.htaccess

@@ -0,0 +1,11 @@
+<IfModule mod_rewrite.c>
+
+  RewriteEngine On
+  RewriteBase /
+  RewriteRule ^index\.html$ - [L]
+  RewriteCond %{REQUEST_FILENAME} !-f
+  RewriteCond %{REQUEST_FILENAME} !-d
+  RewriteCond %{REQUEST_FILENAME} !-l
+  RewriteRule . /index.html [L]
+
+</IfModule>

src/components/actions/API.js

@@ -3,5 +3,5 @@ import axios from "axios";
 // Axios create, exporting callAPI
 
 export const callAPI = axios.create({
-  baseURL: "https://devapi.benjamyn.love/migrations/",
+  baseURL: process.env.REACT_APP_API_ADDRESS,
 });

src/components/actions/Msgbox.js

@@ -9,7 +9,7 @@ function Msgbox(props) {
           <span className="card-title">
             { props.error ? <span> { "Unable to update: " + props.error } </span> : null }
             { props.msg ? <span className="white-text">{ "Updated migration details for: " + props.msg }</span> : null }
-            { props.linkid ? <a href={ "https://devui.benjamyn.love/migrations/" +  props.linkid } className="white-link">{"https://devui.benjamyn.love/migrations/" +  props.linkid }</a> : null }
+            { props.linkid ? <a href={ process.env.REACT_APP_SITE_URL +  props.linkid } className="white-link">{process.env.REACT_APP_SITE_URL +  props.linkid }</a> : null }
         </span>
         </center>
       </div>