Fix issues in react files

Tampereen-Urheilusukeltajat · Apr 17, 2024 · fa18a5e · fa18a5e
1 parent 5dfbd51
commit fa18a5e
Show file tree

Hide file tree

Showing 5 changed files with 5 additions and 6 deletions.
diff --git a/src/components/Footer/Footer.tsx b/src/components/Footer/Footer.tsx
@@ -1,6 +1,6 @@
 import React from 'react';
 import styles from './Footer.module.scss';
-import { ReactComponent as Tayttopaikka } from '../../svg/tayttopaikka.svg';
+import Tayttopaikka from '../../svg/tayttopaikka.svg?react';
 import happihakkiInstructions from '../../Files/happihakki-instructions.pdf';
 
 export const Footer: React.FC = () => {

diff --git a/src/components/Register/RegisterForm.tsx b/src/components/Register/RegisterForm.tsx
@@ -18,7 +18,7 @@ type RegisterFormFields = {
   turnstileToken: string;
 };
 
-const TURNSTILE_SITE_KEY = process.env.REACT_APP_TURNSTILE_SITE_KEY;
+const TURNSTILE_SITE_KEY = import.meta.env.VITE_TURNSTILE_SITE_KEY;
 
 export const RegisterForm: React.FC = () => {
   if (TURNSTILE_SITE_KEY === undefined) {

diff --git a/src/index.tsx b/src/index.tsx
@@ -1,4 +1,3 @@
-import React from 'react';
 import ReactDOM from 'react-dom/client';
 import '@fontsource/roboto';
 import 'bootstrap/dist/css/bootstrap.min.css';

diff --git a/src/lib/apiRequests/api.ts b/src/lib/apiRequests/api.ts
@@ -2,7 +2,7 @@ import axios, { AxiosRequestConfig, AxiosResponse } from 'axios';
 import { getValidToken } from '../auth';
 
 const AXIOS_CONFIG: AxiosRequestConfig = {
-  baseURL: process.env.REACT_APP_BACKEND_URL,
+  baseURL: import.meta.env.VITE_BACKEND_URL,
 };
 
 export const getAsync = async <Response>(

diff --git a/src/views/FrontPage/FrontPage.tsx b/src/views/FrontPage/FrontPage.tsx
@@ -1,7 +1,7 @@
 import React, { useEffect, useState } from 'react';
 import { BsArrowLeftCircle } from 'react-icons/bs';
-import { ReactComponent as Tayttopaikka } from '../../svg/tayttopaikka.svg';
-import { ReactComponent as D12 } from '../../svg/D12.svg';
+import Tayttopaikka from '../../svg/tayttopaikka.svg?react';
+import D12 from '../../svg/D12.svg?react';
 import { Outlet, Link, useLocation } from 'react-router-dom';
 import styles from './FrontPage.module.scss';
 import { Container } from 'react-bootstrap';