Fix merge issues

Fix merge issues
This commit is contained in:
Manuel Prodinger
2022-06-01 12:41:46 +02:00
parent fc021b35fd
commit 6629255310
3 changed files with 14 additions and 14 deletions
+5 -6
View File
@@ -15,14 +15,13 @@ import Anmeldepage from "./Pages/anmeldepage";
import Registrierung from "./Pages/registrierung"; import Registrierung from "./Pages/registrierung";
import Warenkorb from "./Pages/warenkorb"; import Warenkorb from "./Pages/warenkorb";
import Listenansicht from "./Pages/listenansicht"; import Listenansicht from "./Pages/listenansicht";
import "./App.css"; import "./index.css";
import MainPage from "./Components/mainpage"; import MainPage from "./Pages/mainpage";
import EndPage from "./Components/endpage"; import EndPage from "./Pages/endpage";
import { BrowserRouter, Routes, Route } from "react-router-dom";
import { QueryClient, QueryClientProvider, useQuery } from "react-query"; import { QueryClient, QueryClientProvider, useQuery } from "react-query";
const queryClient = new QueryClient(); const queryClient = new QueryClient();
import { BrowserRouter, Routes, Route } from "react-router-dom";
function App() { function App() {
return ( return (
@@ -32,7 +31,7 @@ function App() {
<Routes> <Routes>
<Route path="/" element={<MainPage />} /> <Route path="/" element={<MainPage />} />
<Route path="endpage" element={<EndPage />} /> <Route path="endpage" element={<EndPage />} />
<Route path="liste" element={<Listenansicht />} /> <Route exact path="liste/:id" element={<Listenansicht />} />
<Route path="registrierung" element={<Registrierung />} /> <Route path="registrierung" element={<Registrierung />} />
<Route path="anmeldung" element={<Anmeldepage />} /> <Route path="anmeldung" element={<Anmeldepage />} />
<Route path="warenkorb" element={<Warenkorb />} /> <Route path="warenkorb" element={<Warenkorb />} />
+6 -3
View File
@@ -4,11 +4,12 @@ import Header1 from "../Components/header_1";
import Liste from "../Components/liste"; import Liste from "../Components/liste";
import bild from "../paparoy_liste.png"; import bild from "../paparoy_liste.png";
import { useQuery } from "react-query"; import { useQuery } from "react-query";
import { Link } from "react-router-dom"; import { Link, useParams } from "react-router-dom";
function Listenansicht(props) { function Listenansicht() {
var props = useParams();
var color_liste = true; var color_liste = true;
var id = 1; var { id } = props;
let listen = []; let listen = [];
const { isLoading, error, data } = useQuery("repoData", () => const { isLoading, error, data } = useQuery("repoData", () =>
@@ -18,6 +19,8 @@ function Listenansicht(props) {
if (isLoading) return "Loading..."; if (isLoading) return "Loading...";
if (error) return "An error has occurred: " + error.message; if (error) return "An error has occurred: " + error.message;
console.log(data);
for (let index = 0; index < data.pizzas.length; index++) { for (let index = 0; index < data.pizzas.length; index++) {
listen.push( listen.push(
<Liste <Liste
+3 -5
View File
@@ -3,7 +3,7 @@ import Header1 from "../Components/header_1";
import ButtonPrimary from "../Components/buttonPrimary"; import ButtonPrimary from "../Components/buttonPrimary";
import img_paparoy from "../paparoy.jpg"; import img_paparoy from "../paparoy.jpg";
import img_alaturca from "../alaturca.jpg"; import img_alaturca from "../alaturca.jpg";
import Card from "./card"; import Card from "../Components/card";
import { useQuery } from "react-query"; import { useQuery } from "react-query";
function MainPage() { function MainPage() {
@@ -17,15 +17,13 @@ function MainPage() {
for (let index = 0; index < data.length; index++) { for (let index = 0; index < data.length; index++) {
console.log(data); console.log(data);
listen.push(<Card name={data[index].name} bild={img_paparoy} domain={data[index].domain} />); listen.push(<Card name={data[index].name} bild={img_paparoy} href={"/liste/" + data[index].id} />);
} }
return ( return (
<div> <div>
<Header1 /> <Header1 />
<div class="grid grid-cols-1 md:grid-cols-2 xl:grid-cols-4" href="/liste"> <div class="grid grid-cols-1 md:grid-cols-2 xl:grid-cols-4">{listen}</div>
{listen}
</div>
</div> </div>
); );
} }