Skip to content
GitLab
Menu
Projects
Groups
Snippets
Loading...
Help
Help
Support
Community forum
Keyboard shortcuts
?
Submit feedback
Contribute to GitLab
Sign in
Toggle navigation
Menu
Open sidebar
public
Mímir
Commits
268dedcc
Commit
268dedcc
authored
Aug 13, 2020
by
Aron Fiechter
Browse files
Add NoResultsModal
parent
c20730b0
Pipeline
#882
canceled with stage
Changes
3
Pipelines
1
Hide whitespace changes
Inline
Side-by-side
client/src/App.js
View file @
268dedcc
...
...
@@ -3,6 +3,7 @@ import CNavbar from './components/navbar/CNavbar';
import
'
./App.css
'
;
import
Main
from
'
./components/Main
'
;
import
SearchModal
from
'
./components/search/SearchModal
'
;
import
NoResultsModal
from
'
./components/queryResult/NoResultsModal
'
;
const
App
=
()
=>
{
return
(
...
...
@@ -10,6 +11,7 @@ const App = () => {
<
CNavbar
/>
<
Main
/>
<
SearchModal
/>
<
NoResultsModal
/>
<
/div
>
);
};
...
...
client/src/components/queryResult/NoResultsModal.js
0 → 100644
View file @
268dedcc
import
React
from
'
react
'
;
import
Modal
from
'
react-bootstrap/Modal
'
;
import
Button
from
'
react-bootstrap/Button
'
;
import
{
useDispatch
,
useSelector
}
from
'
react-redux
'
;
import
{
closeNoResultModal
,
selectNoResultModalOpen
,
selectQuery
}
from
'
../navbar/querySlice
'
;
import
Card
from
'
react-bootstrap/Card
'
;
export
default
function
NoResultsModal
(
props
)
{
const
dispatch
=
useDispatch
();
const
noResultModalOpen
=
useSelector
(
selectNoResultModalOpen
);
// Function to close modal
const
handleClose
=
()
=>
dispatch
(
closeNoResultModal
());
return
(
<
Modal
show
=
{
noResultModalOpen
}
onHide
=
{
handleClose
}
backdrop
=
"
static
"
keyboard
=
{
false
}
size
=
"
lg
"
>
<
Modal
.
Header
closeButton
>
<
Modal
.
Title
>
No
results
!<
/Modal.Title
>
<
/Modal.Header
>
<
Modal
.
Body
>
<
Card
.
Text
>
Your
query
produced
no
results
.
<
/Card.Text
>
<
/Modal.Body
>
<
Modal
.
Footer
>
<
Button
variant
=
"
secondary
"
onClick
=
{
handleClose
}
>
Close
<
/Button
>
<
/Modal.Footer
>
<
/Modal
>
);
}
client/src/components/search/SearchModal.js
View file @
268dedcc
...
...
@@ -128,14 +128,7 @@ export default function SearchModal() {
return
(
<
Form
inline
>
<
Modal
show
=
{
showModal
}
onHide
=
{
handleClose
}
backdrop
=
"
static
"
keyboard
=
{
false
}
animation
=
{
false
}
size
=
"
lg
"
>
<
Modal
show
=
{
showModal
}
onHide
=
{
handleClose
}
backdrop
=
"
static
"
keyboard
=
{
false
}
size
=
"
lg
"
>
<
Modal
.
Header
closeButton
>
<
Modal
.
Title
>
Advanced
Search
<
/Modal.Title
>
<
/Modal.Header
>
...
...
Write
Preview
Markdown
is supported
0%
Try again
or
attach a new file
.
Attach a file
Cancel
You are about to add
0
people
to the discussion. Proceed with caution.
Finish editing this message first!
Cancel
Please
register
or
sign in
to comment