Revert "renamed client to src"

This reverts commit c28736bd01.

client/homebrew/brewRenderer/notificationPopup/notificationPopup.jsx

@@ -0,0 +1,65 @@
+import './notificationPopup.less';
+import React, { useEffect, useState } from 'react';
+import request from '../../utils/request-middleware.js';
+import Markdown from '../../../../shared/markdown.js';
+
+import Dialog from '../../../components/dialog.jsx';
+
+const DISMISS_BUTTON = <i className='fas fa-times dismiss' />;
+
+const NotificationPopup = ()=>{
+	const [notifications, setNotifications] = useState([]);
+	const [dissmissKeyList, setDismissKeyList] = useState([]);
+	const [error, setError] = useState(null);
+
+	useEffect(()=>{
+		getNotifications();
+	}, []);
+
+	const getNotifications = async ()=>{
+		setError(null);
+		try {
+			const res = await request.get('/admin/notification/all');
+			pickActiveNotifications(res.body || []);
+		} catch (err) {
+			console.log(err);
+			setError(`Error looking up notifications: ${err?.response?.body?.message || err.message}`);
+		}
+	};
+
+	const pickActiveNotifications = (notifs)=>{
+		const now = new Date();
+		const filteredNotifications = notifs.filter((notification)=>{
+			const startDate = new Date(notification.startAt);
+			const stopDate = new Date(notification.stopAt);
+			const dismissed = localStorage.getItem(notification.dismissKey) ? true : false;
+			return now >= startDate && now <= stopDate && !dismissed;
+		});
+		setNotifications(filteredNotifications);
+		setDismissKeyList(filteredNotifications.map((notif)=>notif.dismissKey));
+	};
+
+	const renderNotificationsList = ()=>{
+		if(error) return <div className='error'>{error}</div>;
+		return notifications.map((notification)=>(
+			<li key={notification.dismissKey} >
+				<em>{notification.title}</em><br />
+				<p dangerouslySetInnerHTML={{ __html: Markdown.render(notification.text) }}></p>
+			</li>
+		));
+	};
+
+	if(!notifications.length) return;
+	return <Dialog className='notificationPopup' dismisskeys={dissmissKeyList} closeText={DISMISS_BUTTON} >
+		<div className='header'>
+			<i className='fas fa-info-circle info'></i>
+			<h3>Notice</h3>
+			<small>This website is always improving and we are still adding new features and squashing bugs. Keep the following in mind:</small>
+		</div>
+		<ul>
+			{renderNotificationsList()}
+		</ul>
+	</Dialog>;
+};
+
+export default NotificationPopup;

client/homebrew/brewRenderer/notificationPopup/notificationPopup.less

@@ -0,0 +1,95 @@
+@import './client/homebrew/navbar/navbar.less';
+
+.popups {
+	position         : fixed;
+	top              : calc(@navbarHeight + @viewerToolsHeight);
+	right            : 24px;
+	z-index          : 10001;
+	width            : 450px;
+	margin-top       : 5px;
+}
+
+.notificationPopup {
+	position         : relative;
+	width            : 100%;
+	padding          : 15px;
+	padding-bottom   : 10px;
+	padding-left     : 25px;
+	color            : white;
+	background-color : @blue;
+	border           : none;
+	&[open] { display : inline-block; }
+	a {
+		font-weight : 800;
+		color       : #E0E5C1;
+	}
+	i.info {
+		position  : absolute;
+		top       : 12px;
+		left      : 12px;
+		font-size : 2.5em;
+		opacity   : 0.8;
+	}
+	button.dismiss {
+		position         : absolute;
+		top              : 10px;
+		right            : 10px;
+		cursor           : pointer;
+		background-color : transparent;
+		opacity          : 0.6;
+		&:hover { opacity : 1; }
+	}
+	.header { padding-left : 50px; }
+	small {
+		font-size : 0.6em;
+		opacity   : 0.7;
+	}
+	h3 {
+		font-size   : 1.1em;
+		font-weight : 800;
+	}
+	ul {
+		margin-top          : 15px;
+		font-size           : 0.9em;
+		list-style-position : outside;
+		list-style-type     : disc;
+		li {
+			padding-left : 1em;
+			margin-top   : 1.5em;
+			font-size    : 0.9em;
+			line-height  : 1.5em;
+			em {
+				font-weight    : 800; 
+				text-transform : capitalize;
+			}
+			li {
+				margin-top      : 0;
+				line-height     : 1.2em; 
+				list-style-type : square;
+			}
+		}
+		ul ul,ol ol,ul ol,ol ul {
+			margin-bottom : 0px;
+			margin-left   : 1.5em;
+		}
+	}
+
+	/* Markdown styling */
+	code {
+		padding          : 0.1em 0.5em;
+		font-family      : 'Courier New', 'Courier', monospace;
+		overflow-wrap    : break-word;
+		white-space      : pre-wrap;
+		background       : #08115A;
+		border-radius    : 2px;
+	}
+	pre code {
+		display          : inline-block;
+		width            : 100%;
+	}
+	.blank {
+		height     : 1em;
+		margin-top : 0;
+		& + * { margin-top : 0; }
+	}
+}