From 6768211a781688323f19d5938047a9cc037e54f4 Mon Sep 17 00:00:00 2001
From: Tanner Collin <git@tannercollin.com>
Date: Mon, 13 Jul 2020 20:26:30 +0000
Subject: [PATCH] Display card image link if user has one

---
 webclient/src/AdminMembers.js | 11 +++++++++++
 webclient/src/Cards.js        | 12 +++++++++++-
 2 files changed, 22 insertions(+), 1 deletion(-)

diff --git a/webclient/src/AdminMembers.js b/webclient/src/AdminMembers.js
index c6fb02a..934cac6 100644
--- a/webclient/src/AdminMembers.js
+++ b/webclient/src/AdminMembers.js
@@ -170,9 +170,20 @@ export function AdminMemberCards(props) {
 	return (
 		<div>
 			<Header size='medium'>Edit Member Cards</Header>
+
 			<Form onSubmit={handleSubmit}>
 				<Header size='small'>Add a Card</Header>
 
+				{result.member.card_photo ?
+					<p>
+						<a href={staticUrl + '/' + result.member.card_photo} target='_blank'>
+							Print card image
+						</a>
+					</p>
+				:
+					<p>No card image, member photo missing!</p>
+				}
+
 				<Form.Group widths='equal'>
 					<Form.Input
 						label='Card Number'
diff --git a/webclient/src/Cards.js b/webclient/src/Cards.js
index 1d1195b..e73b3e2 100644
--- a/webclient/src/Cards.js
+++ b/webclient/src/Cards.js
@@ -2,7 +2,7 @@ import React, { useState, useEffect } from 'react';
 import { BrowserRouter as Router, Switch, Route, Link, useParams } from 'react-router-dom';
 import './light.css';
 import { Button, Container, Divider, Dropdown, Form, Grid, Header, Icon, Image, Menu, Message, Segment, Table } from 'semantic-ui-react';
-import { BasicTable, requester } from './utils.js';
+import { BasicTable, requester, staticUrl } from './utils.js';
 import { NotFound, PleaseLogin } from './Misc.js';
 
 export function Cards(props) {
@@ -18,6 +18,16 @@ export function Cards(props) {
 
 			<Header size='medium'>Member Cards</Header>
 
+			{user.member.card_photo ?
+				<p>
+					<a href={staticUrl + '/' + user.member.card_photo} target='_blank'>
+						Click here
+					</a> to view your card image.
+				</p>
+			:
+				<p>Upload a photo to generate a card image.</p>
+			}
+
 			{user.cards.length ?
 				user.cards.length > 1 ?
 					<Table basic='very'>