Commit f6da884d authored by Roberto Minelli's avatar Roberto Minelli
Browse files

Improved NoResultsModal.js

parent ea9fc5a7
Pipeline #885 canceled with stage
import React from 'react';
import Modal from 'react-bootstrap/Modal';
import Button from 'react-bootstrap/Button';
import noresult from '../../result_not_found.png';
import { useDispatch, useSelector } from 'react-redux';
import { closeNoResultModal, selectNoResultModalOpen, selectQuery } from '../navbar/querySlice';
import Card from 'react-bootstrap/Card';
......@@ -16,18 +17,34 @@ export default function NoResultsModal(props) {
<Modal
show={noResultModalOpen}
onHide={handleClose}
backdrop="static"
backdrop='static'
keyboard={false}
size="sm"
size='md'
>
<Modal.Header closeButton>
<Modal.Title>No results!</Modal.Title>
<Modal.Title>No results found!</Modal.Title>
</Modal.Header>
<Modal.Body>
<Card.Text>Your query produced no results.</Card.Text>
<Card.Text>
Your query did not match any documents. There may be a number of reasons why your search
did not return any results:
</Card.Text>
<Card.Text>
<ul>
<li>
Spelling error or unknown search terms: please check the spelling or search for other
terms
</li>
<li>
The documents you are looking for have not yet been catalogued and recorded in the
system
</li>
</ul>
</Card.Text>
<Card.Img variant='top' src={noresult} />
</Modal.Body>
<Modal.Footer>
<Button variant="secondary" onClick={handleClose}>
<Button variant='secondary' onClick={handleClose}>
Close
</Button>
</Modal.Footer>
......
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