API env + Dockerfile fix

- Removed NEXT_PUBLIC_API_URL from .env and replaced with
  "location.origin" in code.

Author: epicmeme

Dockerfile

@@ -13,14 +13,7 @@ ENV DB_USERNAME=${ARG_USERNAME}
 ENV DB_PASSWORD=${ARG_PASSWORD}
 ENV DB_CLUSTER=${ARG_CLUSTER}
 ENV DB_DATABASE=${ARG_DATABASE}
-ENV MQTT_URL=${ARG_MQTT_URL}}
-ENV NEXT_PUBLIC_API_URL=${ARG_API_URL}
-
-RUN echo "$DB_USERNAME"
-RUN echo "$DB_CLUSTER"
-RUN echo "$DB_DATABASE"
-RUN echo "$MQTT_URL"
-RUN echo "$NEXT_PUBLIC_API_URL"
+ENV MQTT_URL=${ARG_MQTT_URL}
 
 COPY . ./
 RUN yarn install --pure-lockfile && yarn build

pages/collections/[id]/edit.tsx

@@ -15,7 +15,7 @@ interface Props {
 async function updatePile(name: string, actions: Action[], id: string) {
   await axios
     .put(
-      location.origin + `/${id}`,
+      location.origin + `/api/${id}`,
       {
         name,
         actions,
@@ -47,9 +47,7 @@ async function updatePile(name: string, actions: Action[], id: string) {
 }
 
 export default function Edit({ pile }: Props) {
-  return (
-    <EditPile pile={pile} setPileCallback={updatePile}/>
-  ) 
+  return <EditPile pile={pile} setPileCallback={updatePile} />;
 }
 
 export const getStaticProps: GetStaticProps<Props> = async (context) => {

pages/collections/create.tsx

@@ -10,7 +10,7 @@ const { NEXT_PUBLIC_API_URL } = process.env;
 async function createPile(name: string, actions: Action[]) {
   await axios
     .post(
-      `${NEXT_PUBLIC_API_URL}`,
+      `${location.origin}/api`,
       {
         name: name,
         actions: actions,
@@ -41,7 +41,6 @@ async function createPile(name: string, actions: Action[]) {
     });
 }
 
-
 const exampleAction: Action = {
   title: 'Scen på',
   topic: 'light_mixer/code/run',
@@ -51,12 +50,9 @@ const exampleAction: Action = {
 const newPile: Pile = {
   _id: '',
   name: '',
-  actions: [exampleAction]
-}
+  actions: [exampleAction],
+};
 
 export default function Create() {
-
-  return (
-    <EditPile pile={newPile} setPileCallback={createPile}/>
-  )
+  return <EditPile pile={newPile} setPileCallback={createPile} />;
 }

pages/collections/index.tsx

@@ -9,14 +9,13 @@ import { getPiles } from '../api';
 import { showNotification } from '@mantine/notifications';
 import getConfig from 'next/config';
 
-const { publicRuntimeConfig } = getConfig();
 interface Props {
   piles: Pile[];
 }
 
 async function handleDelete(id: string) {
   await axios
-    .delete(`${publicRuntimeConfig.apiURL}/${id}`)
+    .delete(`${location.origin}/api/${id}`)
     .then((res) =>
       showNotification({
         title: 'Success',