From 63d83ec2f628c71e071bcd89ec7635935b1b26ef Mon Sep 17 00:00:00 2001
From: Tanner Collin <git@tannercollin.com>
Date: Sat, 1 Feb 2020 02:36:15 +0000
Subject: [PATCH] Add minimum height to container to prevent loading flashing

---
 webclient/src/Admin.js        | 2 +-
 webclient/src/Members.js      | 2 --
 webclient/src/Transactions.js | 6 +++---
 webclient/src/light.css       | 4 ++++
 4 files changed, 8 insertions(+), 6 deletions(-)

diff --git a/webclient/src/Admin.js b/webclient/src/Admin.js
index 703d00c..1ba5476 100644
--- a/webclient/src/Admin.js
+++ b/webclient/src/Admin.js
@@ -78,7 +78,7 @@ export function AdminTransactions(props) {
 			<Form onSubmit={handleSubmit}>
 				<Header size='small'>Add a Transaction</Header>
 
-				<TransactionEditor input={input} setInput={setInput} error={error} />
+				<TransactionEditor noMemberSearch input={input} setInput={setInput} error={error} />
 
 				<Form.Button loading={loading} error={error.non_field_errors}>
 					Submit
diff --git a/webclient/src/Members.js b/webclient/src/Members.js
index 23442e2..4216c94 100644
--- a/webclient/src/Members.js
+++ b/webclient/src/Members.js
@@ -31,8 +31,6 @@ export function MembersDropdown(props) {
 		image: { avatar: true, src: x.member.photo_small ? staticUrl + '/' + x.member.photo_small : '/nophoto.png' },
 	}));
 
-	console.log(value, initial);
-
 	return (
 		<Dropdown
 			clearable
diff --git a/webclient/src/Transactions.js b/webclient/src/Transactions.js
index 2bdbe27..22d3846 100644
--- a/webclient/src/Transactions.js
+++ b/webclient/src/Transactions.js
@@ -7,7 +7,7 @@ import { isAdmin, BasicTable, requester } from './utils.js';
 import { NotFound, PleaseLogin } from './Misc.js';
 
 export function TransactionEditor(props) {
-	const { token, input, setInput, error } = props;
+	const { token, input, setInput, error, noMemberSearch } = props;
 
 	const handleValues = (e, v) => setInput({ ...input, [v.name]: v.value });
 	const handleUpload = (e, v) => setInput({ ...input, [v.name]: e.target.files[0] });
@@ -61,7 +61,7 @@ export function TransactionEditor(props) {
 
 	return (
 		<div className='transaction-editor'>
-			<Form.Field error={error.member_id}>
+			{!noMemberSearch &&<Form.Field error={error.member_id}>
 				<label>Member (search)</label>
 				<MembersDropdown
 					token={token}
@@ -69,7 +69,7 @@ export function TransactionEditor(props) {
 					onChange={handleValues}
 					initial={input.member_name}
 				/>
-			</Form.Field>
+			</Form.Field>}
 
 			<Form.Group widths='equal'>
 				<Form.Input
diff --git a/webclient/src/light.css b/webclient/src/light.css
index 850a43d..f2c5ece 100644
--- a/webclient/src/light.css
+++ b/webclient/src/light.css
@@ -39,6 +39,10 @@ body {
 	padding-top: 1rem;
 }
 
+.topPadding > .ui.container{
+	min-height: 45rem;
+}
+
 .photo-small {
 	max-width: 80px;
 	max-height: 80px;