Merge pull request #32 from ercumentlacin/ercu

Add .env file and change App.tsx file
NisanurBulut · Apr 27, 2021 · 40522e3 · 40522e3
2 parents df4fd1a + 2e08cef
commit 40522e3
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 2 deletions.
diff --git a/SayHiStyledComponent/.env b/SayHiStyledComponent/.env
@@ -0,0 +1 @@
+REACT_APP_BASE_URL=https://v2.jokeapi.dev/joke/Any
diff --git a/SayHiStyledComponent/package.json b/SayHiStyledComponent/package.json
@@ -12,6 +12,7 @@
     "@types/react-dom": "^17.0.3",
     "@types/styled-components": "^5.1.9",
     "axios": "^0.21.1",
+    "dotenv": "^8.2.0",
     "react": "^17.0.2",
     "react-dom": "^17.0.2",
     "react-query": "^3.13.12",

diff --git a/SayHiStyledComponent/src/App.tsx b/SayHiStyledComponent/src/App.tsx
@@ -14,8 +14,13 @@ import cat from "./images/cat.png";
 import axios from "axios";
 import { Joke } from "./types/Joke";
 
-const BASE_URL = "https://v2.jokeapi.dev/joke/Any";
+
+require('dotenv').config()
+
 const App:React.FC=()=>{
+
+
+
   const [search, setSearch] = useState("");
   const [error, setError] = useState(false);
   const [jokes, setJokes] = useState<Joke[]>([]);
@@ -26,7 +31,7 @@ const App:React.FC=()=>{
 
   const getJokes = async (event: React.FormEvent<HTMLFormElement>) => {
     event.preventDefault();
-    const ENDPOINT = `${BASE_URL}?contains=${search}&amount=10`;
+    const ENDPOINT = `${process.env.REACT_APP_BASE_URL}?contains=${search}&amount=10`;
     const { data } = await axios.get(ENDPOINT);
     if (data.error) {
       setError(true);
Original file line number	Diff line number	Diff line change
		@@ -0,0 +1 @@
		REACT_APP_BASE_URL=https://v2.jokeapi.dev/joke/Any