Commit 15eca773 authored by Øyvind Julsrud's avatar Øyvind Julsrud Committed by Oyvind
Browse files

DEICH-5940: deichman.no: Changed the button order

parent 599717d0
......@@ -24,6 +24,28 @@
background-color: var(--col-gray-1);
border-radius: var(--border-radius);
}
.loan-order-box {
.loan-order-box__button {
margin-top: var(--spacing-4);
}
.loan-order-box__button-mobile {
margin-top: var(--spacing-4);
}
}
}
@media (max-width: 600px) {
.loan-order-box__button-desktop {
display: none;
}
}
@media (min-width: 601px) {
.loan-order-box__button-mobile {
display: none;
}
}
/* Print styles for loanlist */
......
import React, { Fragment } from "react";
import { Block, Button, Container, Flex, Loader } from "@digibib/deichman-ui";
import { parse } from "date-fns";
import PropTypes from "prop-types";
import { loggedInPages } from "../../constants/navItems";
import { withAuthSync } from "../../utilities/auth";
import React, { Fragment } from "react";
import { connect } from "react-redux";
import FullScreen from "../../components/FullScreen";
import Head from "../../components/Head";
import SubNav from "../../components/SubNav";
import LoanList from "../../components/LoanList";
import Outlined from "../../components/Outlined";
import FullScreen from "../../components/FullScreen";
import { Container, Block, Loader, Button, Flex } from "@digibib/deichman-ui";
import { fetchAllProfileData } from "../../store/profile";
import { startPayFine } from "../../store/payments";
import SubNav from "../../components/SubNav";
import { loggedInPages } from "../../constants/navItems";
import { extendAllLoans } from "../../store/checkouts";
import { getFavourites } from "../../store/favourites";
import { startPayFine } from "../../store/payments";
import { fetchAllProfileData } from "../../store/profile";
import { withAuthSync } from "../../utilities/auth";
const dueDateComparator = (a, b) => {
if (parse(b.dueDate) < parse(a.dueDate)) {
......@@ -147,27 +146,37 @@ class MyLoans extends React.Component {
hasPurreOrKemnerSak={hasPurreOrKemnerSak}
isJuvenile={isJuvenile}
>
<Block bottom={4}>
<Flex justify="space-between" wrap>
<Block top={4}>
<div className="loan-order-box">
<Block bottom={4}>
<Flex justify="space-between" wrap>
<h3>Lån med gebyr</h3>
</Block>
<Block top={4}>
<Button
disabled={kemnersaker && kemnersaker.length > 0}
loading={isRequestingNetsUrl}
onClick={() => this.props.startPayFine(purreId)}
primary
>
Betal gebyr 100,-
</Button>
</Block>
</Flex>
</Block>
<p>
Du har purregebyr følgende lån. Bibliotekkortet ditt
åpnes igjen når gebyret er betalt.
</p>
<div className="loan-order-box__button-desktop">
<Button
disabled={kemnersaker && kemnersaker.length > 0}
loading={isRequestingNetsUrl}
onClick={() => this.props.startPayFine(purreId)}
primary
>
Betal gebyr 100,-
</Button>
</div>
</Flex>
</Block>
<p>
Du har purregebyr følgende lån. Bibliotekkortet
ditt åpnes igjen når gebyret er betalt.
</p>
<div className="loan-order-box__button-mobile">
<Button
disabled={kemnersaker && kemnersaker.length > 0}
loading={isRequestingNetsUrl}
onClick={() => this.props.startPayFine(purreId)}
primary
>
Betal gebyr 100,-
</Button>
</div>
</div>
</LoanList>
</Outlined>
)}
......
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment