jonaszbigda/menui_web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fixed backend URL | Some features

Browse Source
This commit is contained in:
Jonasz Bigda
2020-10-24 19:25:36 +02:00
parent f5f758dbdc
commit 8325759c2f
13 changed files with 95 additions and 36 deletions
Download Patch File Download Diff File Expand all files Collapse all files

57
src/components/EditRestaurant/EditRestaurantSubscription.js
View File

@@ -8,6 +8,7 @@ import { backend } from "../../config.js";
import { showBackdrop, hideBackdrop } from "../../actions/toggles";
import PaymentDialog from "../Dialogs/PaymentDialog";
import { openInNewTab, formatDateBasic } from "../../Services.js";
import LocalOfferIcon from '@material-ui/icons/LocalOffer';
export default function EditRestaurantSubscription(props) {
const { subscriptionActive, subscriptionDue } = props.restaurant;
@@ -37,7 +38,7 @@ export default function EditRestaurantSubscription(props) {
dispatch(showBackdrop());
axios({
method: "POST",
url: backend + "/restaurant/subscription",
url: backend + "restaurant/subscription",
data: data,
headers: {
"x-auth-token": token,
@@ -78,38 +79,62 @@ export default function EditRestaurantSubscription(props) {
)}
</div>
{!subscriptionActive && (
<div>
<div className="subscription-content">
<p>
Aktywuj subskrypcję, aby Twoja restauracja była widoczna. Na tydzień
przed końcem subskrypcji wyślemy Ci email z możliwością opłacenia
subskrypcji na kolejny okres.
</p>
<div className="subscription-cards">
<div className="subscription-card">
<h1>1 rok</h1>
<div className="subscription-title">
<LocalOfferIcon/>
<h1>Za darmo</h1>
</div>
<Divider style={{ width: "100%" }} />
<h2>
<strike>600zł</strike> 500zł (netto)
</h2>
<p>Aktywuj subskrypcję na 12 miesięcy i zapłać mniej.</p>
<h2>3 miesiące</h2>
<div className="subscription-desc">
<p>Możesz jednorazowo aktywować darmowe 3 miesiące subskrypcji, by móc spokojnie uzupełnić menu.</p>
</div>
<Divider style={{ width: "100%" }} />
<ButtonSecondary
text="Aktywuj"
onClick={() => handleActivateSubscription(12)}
onClick={() => handleActivateSubscription(3)}
/>
</div>
<div className="subscription-card">
<h1>1 miesiąc</h1>
<div className="subscription-title">
<LocalOfferIcon/>
<h1>50zł</h1>
</div>
<Divider style={{ width: "100%" }} />
<h2>50zł (netto)</h2>
<p>Aktywuj subskrypcję na jeden miesiąc.</p>
<h2>1 miesiąc</h2>
<div className="subscription-desc">
<p>Aktywuj subskrypcję na jeden miesiąc.</p>
</div>
<Divider style={{ width: "100%" }} />
<ButtonSecondary
text="Aktywuj"
onClick={() => handleActivateSubscription(1)}
/>
</div>
<div className="subscription-card">
<div className="subscription-title">
<LocalOfferIcon/>
<h1>500zł</h1>
</div>
<Divider style={{ width: "100%" }} />
<h2>1 rok</h2>
<div className="subscription-desc">
<p>Zapłać z góry za cały rok, a otrzymasz dwa miesiące w prezencie.</p>
</div>
<Divider style={{ width: "100%" }} />
<ButtonSecondary
text="Aktywuj"
onClick={() => handleActivateSubscription(12)}
/>
</div>
</div>
<p>
Aktywuj subskrypcję, aby Twoja restauracja była widoczna. Na tydzień
przed końcem subskrypcji wyślemy Ci email z możliwością opłacenia
subskrypcji na kolejny okres.
</p>
</div>
)}
{subscriptionActive && (