feat: use api

Author: Angular2Guy

backend/pkd/database/dbconnection.go

@@ -18,6 +18,7 @@ import (
 
 	"gorm.io/driver/postgres"
 	"gorm.io/gorm"
+	"gorm.io/gorm/logger"
 	"gorm.io/gorm/schema"
 )
 
@@ -26,10 +27,12 @@ var DB *gorm.DB
 func ConnectToDB() {
 	var err error
 	dsn := os.Getenv("DB_PARAMS")
+
 	DB, err = gorm.Open(postgres.Open(dsn), &gorm.Config{
 		NamingStrategy: schema.NamingStrategy{
 			SingularTable: true,
 		},
+		Logger: logger.Default.LogMode(logger.Error),
 	})
 
 	if err != nil {

frontend/app/service/http-client.ts renamed to frontend/app/api/http-client.ts

@@ -16,7 +16,7 @@ import { type UserDataState} from "../GlobalState";
 import { useMemo,useEffect,useState,type FormEvent, type ChangeEvent,type SyntheticEvent } from "react";
 import {Box,TextField,Button,Dialog,DialogContent, Autocomplete} from '@mui/material';
 import styles from './location-modal.module.css';
-import { fetchLocation, postLocationRadius } from "../service/http-client";
+import { fetchLocation, postLocationRadius } from "../api/http-client";
 import { type PostCodeLocation } from "../model/location";
 import { type UserRequest } from "../model/user";
 import { useAtom } from "jotai";

frontend/app/location-modal/location-modal.tsx

@@ -18,7 +18,7 @@ import GlobalState, { type UserDataState } from "~/GlobalState";
 import styles from './login.module.css';
 import { useAtom } from "jotai";
 import type { FormEvent, BaseSyntheticEvent, ChangeEventHandler } from "react";
-import { postLogin, postSignin } from "~/service/http-client";
+import { postLogin, postSignin } from "~/api/http-client";
 import type { UserResponse } from "~/model/user";
 import '../i18n/config';
 import { useTranslation, Trans } from 'react-i18next';

frontend/app/login/login.tsx

@@ -19,7 +19,7 @@ import GlobalState from '../GlobalState';
 //import styles from './main.module.css';
 import Chart from '../chart/chart';
 import { useNavigate } from 'react-router';
-import { fetchGasStations, fetchPriceAvgs, fetchTimeSlots, fetchUserNotifications } from '../service/http-client';
+import { fetchGasStations, fetchPriceAvgs, fetchTimeSlots, fetchUserNotifications } from '../api/http-client';
 import { type TimeSlot } from '../model/time-slot-response';
 import { type GsValue } from '../model/gs-point';
 import { type MyDataJson } from '../model/my-data-json';
@@ -39,7 +39,6 @@ export default function Main() {
   const [globalJwtTokenState, setGlobalJwtTokenState] = useAtom(GlobalState.jwtTokenState);
   const [globalUserUuidState, setGlobalUserUuidState] = useAtom(GlobalState.userUuidState);
   const [globalUserDataState, setGlobalUserDataState] = useAtom(GlobalState.userDataState);
-  const [refreshJwtTokenState, setRefreshJwtTokenState] = useAtom(GlobalState.jwtTokenState);
 
   const handleTabChange = (event: SyntheticEvent, newValue: number) => {
     setValue(newValue);

frontend/app/main/main.tsx

@@ -14,7 +14,7 @@ import * as React from 'react';
 import GlobalState from "../GlobalState";
 import { Box, TextField, Button, Dialog, DialogContent } from '@mui/material';
 import { useState, useMemo, type ChangeEventHandler, type FormEvent } from "react";
-import { postTargetPrices } from "../service/http-client";
+import { postTargetPrices } from "../api/http-client";
 import { type UserRequest } from "../model/user";
 import { useAtom } from 'jotai';
 import { useTranslation } from 'node_modules/react-i18next';