Merge pull request #32 from FuBoTeam/feature/add-contact-mailbox

FuBoTeam · Jan 11, 2022 · 7bd18cc · 7bd18cc
2 parents 40a31bf + 8ca97df
commit 7bd18cc
Show file tree

Hide file tree

Showing 3 changed files with 13 additions and 3 deletions.
diff --git a/src/Board/board.scss b/src/Board/board.scss
@@ -4,6 +4,11 @@
   color: $orange;
 }
 
+.gray-font {
+  color: #333;
+  font-size: small;
+}
+
 .container {
   background: black;
   min-height: 100%;

diff --git a/src/Greeting/Greeting.tsx b/src/Greeting/Greeting.tsx
@@ -29,8 +29,13 @@ export const Greeting: React.FC<RouteComponentProps> = (props) => {
       <header className="greeting-header">
         <h1 className="greeting-title orange-font">祝福留言版</h1>
       </header>
-      {!modalDisplay && <GreetingForm onSubmit={onSubmit} />}
-      {!modalDisplay && <a className="link orange-font" href={getUpperUrl(props.match.url)}>去照片牆瞧瞧</a>}
+      { !modalDisplay &&
+        <>
+          <GreetingForm onSubmit={onSubmit} />
+          <a className="link orange-font" href={getUpperUrl(props.match.url)}>去照片牆瞧瞧</a>
+          <a className="link gray-font" href="mailto:contact@weddi.app">聯絡我們 contact@weddi.app</a>
+        </>
+      }
       <Dialog user={user} show={modalDisplay} />
     </div>
   );

diff --git a/src/index.js b/src/index.js
@@ -5,7 +5,7 @@ import './index.css';
 import App from './App';
 import registerServiceWorker from './registerServiceWorker';
 
-const Home = () => (<div>Weddi App</div>);
+const Home = () => (<div>Weddi App <a href="mailto:contact@weddi.app">聯絡我們 contact@weddi.app</a></div>);
 
 const Root = () => {
   return (