0
0
mirror of https://github.com/naturalcrit/homebrewery.git synced 2025-12-24 18:32:41 +00:00
This commit is contained in:
Trevor Buckner
2024-09-18 14:45:17 -04:00
parent ebc3b4ee66
commit 0cdc1947c1

View File

@@ -24,21 +24,21 @@ const NotificationAdd = ()=>{
const stopAt = new Date(stopAtRef.current.value);
// Basic validation
if (!dismissKey || !title || !text || isNaN(startAt.getTime()) || isNaN(stopAt.getTime())) {
setState((prevState) => ({
if(!dismissKey || !title || !text || isNaN(startAt.getTime()) || isNaN(stopAt.getTime())) {
setState((prevState)=>({
...prevState,
error: 'All fields are required',
error : 'All fields are required',
}));
return;
}
if (startAt >= stopAt) {
setState((prevState) => ({
if(startAt >= stopAt) {
setState((prevState)=>({
...prevState,
error: 'End date must be after the start date!',
error : 'End date must be after the start date!',
}));
return;
}
const data = {
dismissKey,
title,
@@ -50,8 +50,7 @@ const NotificationAdd = ()=>{
try {
setState((prevState)=>({ ...prevState, searching: true, error: null }));
const response = await request.post('/admin/notification/add').send(data);
console.log(response.body);
const update = { notificationResult: `Notification successfully created.` };
console.log(response.body);
// Reset form fields
dismissKeyRef.current.value = '';
@@ -60,11 +59,11 @@ const NotificationAdd = ()=>{
setState((prevState)=>({
...prevState,
...update,
searching : false,
notificationResult : `Notification successfully created.`,
searching : false,
}));
} catch (error) {
console.log(error.response.body.message);
console.log(error.response.body.message);
setState((prevState)=>({
...prevState,
error : `Error saving notification: ${error.response.body.message}`,
@@ -78,22 +77,21 @@ const NotificationAdd = ()=>{
<h2>Add Notification</h2>
<label className='field'>
Dismiss Key:
Dismiss Key:
<input className='fieldInput' type='text' ref={dismissKeyRef} required
placeholder='GOOGLEDRIVENOTIF'
/>
</label>
<label className='field'>
Title:
Title:
<input className='fieldInput' type='text' ref={titleRef} required
placeholder='Stop using Google Drive as image host'
/>
</label>
<label className='field'>
Text:
Text:
<textarea className='fieldInput' type='text' ref={textRef} required
placeholder='Google Drive is not an image hosting site, you should not use it as such.'
>
@@ -101,22 +99,20 @@ const NotificationAdd = ()=>{
</label>
<label className='field'>
Start Date:
Start Date:
<input type='date' className='fieldInput' ref={startAtRef} required/>
</label>
<label className='field'>
End Date:
<input type='date' className='fieldInput' ref={stopAtRef} required
/>
End Date:
<input type='date' className='fieldInput' ref={stopAtRef} required/>
</label>
<div className='notificationResult'>{state.notificationResult}</div>
<button className='notificationSave' onClick={saveNotification} disabled={state.searching}>
<i className={`fas ${state.searching ? 'fa-spin fa-spinner' : 'fa-save'}`} />
Save Notification
<i className={`fas ${state.searching ? 'fa-spin fa-spinner' : 'fa-save'}`}/>
Save Notification
</button>
{state.error && <div className='error'>{state.error}</div>}
</div>