This commit is contained in:
Mikhail Ronchyk
commit
1de7b77dcb
@ -8,7 +8,8 @@ import Login from './Pages/Login';
|
||||
import SearchEvent from './Pages/SearchEvent';
|
||||
import Calendar from './Pages/Calendar';
|
||||
import FBfanpage from './Pages/FBfanpage';
|
||||
|
||||
import EventDetails from './Pages/EventDetails';
|
||||
import EventDetails2 from './Pages/EventDetails2';
|
||||
|
||||
function App() {
|
||||
return (
|
||||
@ -21,6 +22,8 @@ function App() {
|
||||
<Route path='/search-events' exact component={SearchEvent} />
|
||||
<Route path='/calendar' exact component={Calendar} />
|
||||
<Route path='/fanpage' exact component={FBfanpage} />
|
||||
<Route path='/EventDetails' exact component={EventDetails} />
|
||||
<Route path='/EventDetails2' exact component={EventDetails2} />
|
||||
</Switch>
|
||||
</Router>
|
||||
</>
|
||||
|
||||
13
highneed_react/src/Pages/EventDetails.js
Normal file
13
highneed_react/src/Pages/EventDetails.js
Normal file
@ -0,0 +1,13 @@
|
||||
import React from 'react';
|
||||
import '../App.css';
|
||||
import StocksDetails from '../components/StocksDetails';
|
||||
|
||||
function EventDetails() {
|
||||
return (
|
||||
<>
|
||||
<StocksDetails/>
|
||||
</>
|
||||
);
|
||||
}
|
||||
|
||||
export default EventDetails;
|
||||
13
highneed_react/src/Pages/EventDetails2.js
Normal file
13
highneed_react/src/Pages/EventDetails2.js
Normal file
@ -0,0 +1,13 @@
|
||||
import React from 'react';
|
||||
import '../App.css';
|
||||
import StocksDetails2 from '../components/StocksDetails2';
|
||||
|
||||
function EventDetails2() {
|
||||
return (
|
||||
<>
|
||||
<StocksDetails2/>
|
||||
</>
|
||||
);
|
||||
}
|
||||
|
||||
export default EventDetails2;
|
||||
@ -1,11 +1,14 @@
|
||||
import React from 'react';
|
||||
import '../App.css';
|
||||
import Events from '../components/Events';
|
||||
import Stocks from '../components/Stocks';
|
||||
import Stocks2 from '../components/Stocks2';
|
||||
|
||||
function SearchEvent() {
|
||||
return (
|
||||
<>
|
||||
<Events/>
|
||||
<Stocks/>
|
||||
<Stocks2/>
|
||||
</>
|
||||
);
|
||||
}
|
||||
|
||||
@ -25,13 +25,19 @@ function EventItem(props) {
|
||||
<h5 className='events__item__category'>{props.category}</h5>
|
||||
<h5 className='events__item__age'>{props.age}</h5>
|
||||
<h5 className='events__item__address'>{props.address}</h5>
|
||||
|
||||
<Link className='events__item__link' to={props.path}>
|
||||
<button className='button button-details'>Szczegóły</button>
|
||||
</Link>
|
||||
<Link className='events__item__link' to={props.path}>
|
||||
<button className='button button-add'>Dodaj do listy</button>
|
||||
</Link>
|
||||
<p className='events__item__description'>{props.description}</p>
|
||||
<h5 className='events__item__organizer'>{props.organizer}</h5>
|
||||
<h5 className='events__item__online'>{props.online}</h5>
|
||||
<h5 className='events__item__place'>{props.place}</h5>
|
||||
<h5 className='events__item__price'>{props.price}</h5>
|
||||
<div className='button-container'>
|
||||
<Link className='events__item__link' to={props.path}>
|
||||
<button className='button button-details'>Szczegóły</button>
|
||||
</Link>
|
||||
<Link className='events__item__link' to={props.path}>
|
||||
<button className='button button-add'>Dodaj do listy</button>
|
||||
</Link>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
</>
|
||||
|
||||
@ -40,6 +40,11 @@ a
|
||||
color: black;
|
||||
}
|
||||
|
||||
.button-container
|
||||
{
|
||||
margin-top: 10px;;
|
||||
}
|
||||
|
||||
.button {
|
||||
background-color: #64BE7B; /* Green */
|
||||
border: none;
|
||||
|
||||
81
highneed_react/src/components/Stocks.js
Normal file
81
highneed_react/src/components/Stocks.js
Normal file
@ -0,0 +1,81 @@
|
||||
import React from "react";
|
||||
import data from "./event_0.json";
|
||||
import './Events.css';
|
||||
import EventItem from './EventItem';
|
||||
|
||||
/*
|
||||
const Stock = ({ startDate, name, description, organizer, online, prize, category }) => {
|
||||
if (!startDate) return <div />;
|
||||
return (
|
||||
<table>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td>
|
||||
<h5>{startDate}</h5>
|
||||
</td>
|
||||
<td>
|
||||
<h5>{name}</h5>
|
||||
</td>
|
||||
<td>
|
||||
<h4>{description}</h4>
|
||||
</td>
|
||||
<td>
|
||||
<p>{organizer}</p>
|
||||
</td>
|
||||
<td>
|
||||
<p>{online}</p>
|
||||
</td>
|
||||
<td>
|
||||
<p>{prize}</p>
|
||||
</td>
|
||||
<td>
|
||||
<p>{category}</p>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
);
|
||||
};
|
||||
|
||||
*/
|
||||
const Stock = ({ startDate, name, description, organizer, online, prize, category }) => {
|
||||
if (!startDate) return <div />;
|
||||
return (
|
||||
<div className='events'>
|
||||
<div className='events__container'>
|
||||
<ul className='events__items'>
|
||||
<EventItem
|
||||
src='images/img-1.jpg'
|
||||
data={startDate}
|
||||
title={name}
|
||||
category={category}
|
||||
// age = '5-7 lat'
|
||||
// address = 'Hetmańska 48, Poznań'
|
||||
path='/EventDetails'
|
||||
/>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
};
|
||||
|
||||
|
||||
function Stocks() {
|
||||
|
||||
return (
|
||||
<div>
|
||||
<Stock
|
||||
startDate={data.startDate}
|
||||
name={data.name}
|
||||
description={data.description}
|
||||
organizer={data.organizer}
|
||||
online={data.online}
|
||||
prize={data.prize}
|
||||
category={data.category}
|
||||
/>
|
||||
</div>
|
||||
);
|
||||
|
||||
};
|
||||
|
||||
export default Stocks;
|
||||
81
highneed_react/src/components/Stocks2.js
Normal file
81
highneed_react/src/components/Stocks2.js
Normal file
@ -0,0 +1,81 @@
|
||||
import React from "react";
|
||||
import data from "./event_1.json";
|
||||
import './Events.css';
|
||||
import EventItem from './EventItem';
|
||||
|
||||
/*
|
||||
const Stock = ({ startDate, name, description, organizer, online, prize, category }) => {
|
||||
if (!startDate) return <div />;
|
||||
return (
|
||||
<table>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td>
|
||||
<h5>{startDate}</h5>
|
||||
</td>
|
||||
<td>
|
||||
<h5>{name}</h5>
|
||||
</td>
|
||||
<td>
|
||||
<h4>{description}</h4>
|
||||
</td>
|
||||
<td>
|
||||
<p>{organizer}</p>
|
||||
</td>
|
||||
<td>
|
||||
<p>{online}</p>
|
||||
</td>
|
||||
<td>
|
||||
<p>{prize}</p>
|
||||
</td>
|
||||
<td>
|
||||
<p>{category}</p>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
);
|
||||
};
|
||||
|
||||
*/
|
||||
const Stock2 = ({ startDate, name, description, organizer, online, prize, category }) => {
|
||||
if (!startDate) return <div />;
|
||||
return (
|
||||
<div className='events'>
|
||||
<div className='events__container'>
|
||||
<ul className='events__items'>
|
||||
<EventItem
|
||||
src='images/img-2.jpg'
|
||||
data={startDate}
|
||||
title={name}
|
||||
category={category}
|
||||
// age = '5-7 lat'
|
||||
// address = 'Hetmańska 48, Poznań'
|
||||
path='/EventDetails2'
|
||||
/>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
};
|
||||
|
||||
|
||||
function Stocks2() {
|
||||
|
||||
return (
|
||||
<div>
|
||||
<Stock2
|
||||
startDate={data.startDate}
|
||||
name={data.name}
|
||||
description={data.description}
|
||||
organizer={data.organizer}
|
||||
online={data.online}
|
||||
prize={data.prize}
|
||||
category={data.category}
|
||||
/>
|
||||
</div>
|
||||
);
|
||||
|
||||
};
|
||||
|
||||
export default Stocks2;
|
||||
92
highneed_react/src/components/StocksDetails.js
Normal file
92
highneed_react/src/components/StocksDetails.js
Normal file
@ -0,0 +1,92 @@
|
||||
import React from "react";
|
||||
import data from "./event_0.json";
|
||||
import './Events.css';
|
||||
import EventItem from './EventItem';
|
||||
|
||||
/*
|
||||
const Stock = ({ startDate, name, description, organizer, online, prize, category }) => {
|
||||
if (!startDate) return <div />;
|
||||
return (
|
||||
<table>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td>
|
||||
<h5>{startDate}</h5>
|
||||
</td>
|
||||
<td>
|
||||
<h5>{name}</h5>
|
||||
</td>
|
||||
<td>
|
||||
<h4>{description}</h4>
|
||||
</td>
|
||||
<td>
|
||||
<p>{organizer}</p>
|
||||
</td>
|
||||
<td>
|
||||
<p>{online}</p>
|
||||
</td>
|
||||
<td>
|
||||
<p>{prize}</p>
|
||||
</td>
|
||||
<td>
|
||||
<p>{category}</p>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
);
|
||||
};
|
||||
|
||||
*/
|
||||
const Stock = ({ startDate, name, description, organizer, online, price, category, place }) => {
|
||||
if (!startDate) return <div />;
|
||||
if (online)
|
||||
{
|
||||
online = "online"
|
||||
}
|
||||
if (!online)
|
||||
{
|
||||
online = {place}
|
||||
}
|
||||
return (
|
||||
<div className='events'>
|
||||
<div className='events__container'>
|
||||
<ul className='events__items'>
|
||||
<EventItem
|
||||
src='images/img-1.jpg'
|
||||
data={startDate}
|
||||
title={name}
|
||||
category={category}
|
||||
description={description}
|
||||
organizer={organizer}
|
||||
online={online}
|
||||
price={price}
|
||||
|
||||
path='/EventDetails'
|
||||
/>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
};
|
||||
|
||||
|
||||
function StocksDetails() {
|
||||
|
||||
return (
|
||||
<div>
|
||||
<Stock
|
||||
startDate={data.startDate}
|
||||
name={data.name}
|
||||
description={data.description}
|
||||
organizer={data.organizer}
|
||||
online={data.online}
|
||||
price={data.price}
|
||||
category={data.category}
|
||||
/>
|
||||
</div>
|
||||
);
|
||||
|
||||
};
|
||||
|
||||
export default StocksDetails;
|
||||
85
highneed_react/src/components/StocksDetails2.js
Normal file
85
highneed_react/src/components/StocksDetails2.js
Normal file
@ -0,0 +1,85 @@
|
||||
import React from "react";
|
||||
import data from "./event_1.json";
|
||||
import './Events.css';
|
||||
import EventItem from './EventItem';
|
||||
|
||||
/*
|
||||
const Stock = ({ startDate, name, description, organizer, online, prize, category }) => {
|
||||
if (!startDate) return <div />;
|
||||
return (
|
||||
<table>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td>
|
||||
<h5>{startDate}</h5>
|
||||
</td>
|
||||
<td>
|
||||
<h5>{name}</h5>
|
||||
</td>
|
||||
<td>
|
||||
<h4>{description}</h4>
|
||||
</td>
|
||||
<td>
|
||||
<p>{organizer}</p>
|
||||
</td>
|
||||
<td>
|
||||
<p>{online}</p>
|
||||
</td>
|
||||
<td>
|
||||
<p>{prize}</p>
|
||||
</td>
|
||||
<td>
|
||||
<p>{category}</p>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
);
|
||||
};
|
||||
|
||||
*/
|
||||
const Stock = ({ startDate, name, description, organizer, online, price, category, place }) => {
|
||||
if (!startDate) return <div />;
|
||||
|
||||
return (
|
||||
<div className='events'>
|
||||
<div className='events__container'>
|
||||
<ul className='events__items'>
|
||||
<EventItem
|
||||
src='images/img-2.jpg'
|
||||
data={startDate}
|
||||
title={name}
|
||||
category={category}
|
||||
description={description}
|
||||
organizer={organizer}
|
||||
place={place}
|
||||
price={price}
|
||||
|
||||
path='/EventDetails'
|
||||
/>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
};
|
||||
|
||||
|
||||
function StocksDetails() {
|
||||
|
||||
return (
|
||||
<div>
|
||||
<Stock
|
||||
startDate={data.startDate}
|
||||
name={data.name}
|
||||
description={data.description}
|
||||
organizer={data.organizer}
|
||||
place={data.place}
|
||||
price={data.price}
|
||||
category={data.category}
|
||||
/>
|
||||
</div>
|
||||
);
|
||||
|
||||
};
|
||||
|
||||
export default StocksDetails;
|
||||
10
highneed_react/src/components/event_0.json
Normal file
10
highneed_react/src/components/event_0.json
Normal file
@ -0,0 +1,10 @@
|
||||
{"startDate": "2021-06-16T22:15:00+0200\"",
|
||||
"name": "Darmowy webinar \"Jak odzwyczai\u0107 dziecko korzystania z urz\u0105dze\u0144 mobilnych?\"\"",
|
||||
"description": "Ju\u017c 16.06.2021 (\u015broda) o godzinie 22:15 wyj\u0105tkowy webinar\n \"Jak odzwyczai\u0107 dziecko korzystania z urz\u0105dze\u0144 mobilnych?\"\n\nPodczas webinaru:\n Dowiedz\u0105 si\u0119 Pa\u0144stwo co zrobi\u0107, gdy dziecko sp\u0119dza sw\u00f3j ca\u0142y wolny czas przed tabletem, telefonem czy komputerem,\n\n Otrzymaj\u0105 Pa\u0144stwo wskaz\u00f3wki jak odzwyczai\u0107 dziecko korzystania z urz\u0105dze\u0144 mobilnych\n\nGo\u015bciem specjalnym b\u0119dzie mgr Sonia Michalik, psycholog, coach, familiolog\n\nSzanowni Pa\u0144stwo\u2757\ufe0f\n\nMusicie by\u0107 z nami \n\nZapisuj\u0105c si\u0119 na webinar - otrzymuj\u0105 Pa\u0144stwo darmowego e-booka !\n\u27a1\ufe0f https://webinar.misjarodzic.com/jak-odzwyczaic-dziecko-korzystania-zurzadzen-mobilnych/\n\nSpotkajmy si\u0119 na BEZP\u0141ATNYM webinarze z cyklu Misja Rodzic TV \u2764\n\nDo zobaczenia ! \"",
|
||||
"organizer": " Sonia Michalik - psycholog dzieci\u0119cy",
|
||||
"online": "true",
|
||||
"price": "za darmo",
|
||||
"category": ["Film"]}
|
||||
|
||||
|
||||
|
||||
8
highneed_react/src/components/event_1.json
Normal file
8
highneed_react/src/components/event_1.json
Normal file
@ -0,0 +1,8 @@
|
||||
{"startDate": "2021-06-13T10:30:00+0200\"",
|
||||
"name": "Rodzinna joga na \u015bwie\u017cym powietrzu\"",
|
||||
"description": "Joga rodzinna, czyli co? Czego si\u0119 mo\u017cesz spodziewa\u0107?... Postawimy las drzew, b\u0119dziemy si\u0119 rusza\u0107 jak koty i psy, zrobimy or\u0142a cie\u0144 i wiele innych pozycji b\u0119dzie du\u017co ruchu i wsp\u00f3lnej zabawy z dzie\u0107mi! Przyjd\u017a i sprawd\u017a czy i Wam si\u0119 spodoba!\n\n\nZapisy pod numerem 780044816 (mo\u017cna SMSem). Op\u0142ata za zaj\u0119cia:\nKa\u017cda \u0107wicz\u0105ca osoba (r\u00f3wnie\u017c dzieci) - 10 z\u0142:)\n...przelewem na konto:\nFundacja Pozna\u0144czycy\nSantander Bank Polska\n511090136200000001 34828100\n\n\nNale\u017cy mie\u0107 mat\u0119 lub karimat\u0119 (je\u015bli nie ma si\u0119 maty). Warto zabezpieczy\u0107 si\u0119 przed kleszczami \nWej\u015bcie na teren od ul. Smardzewskiej. W razie deszczu przeniesiemy si\u0119 do sali w \nMinor Studio Aktywno\u015bci ul. Podchor\u0105\u017cych 15. \n\"",
|
||||
"organizer": " Kalejdoskop jogi i Grunwaldzki Park Spo\u0142eczny",
|
||||
"online": "false",
|
||||
"place": ["Projekt schron"],
|
||||
"price": "za darmo",
|
||||
"category": ["Wellness"]}
|
||||
Loading…
Reference in New Issue
Block a user