From 983bf696cc9311460c8a3fbd37c663cdafa59407 Mon Sep 17 00:00:00 2001
From: Sendou <sendou77@gmail.com>
Date: Mon, 16 Dec 2019 16:22:33 +0200
Subject: [PATCH] mobile fa card formatting fix

---
 .../components/freeagents/FreeAgentCards.js   | 85 +++++++++++++------
 1 file changed, 58 insertions(+), 27 deletions(-)

diff --git a/react-ui/src/components/freeagents/FreeAgentCards.js b/react-ui/src/components/freeagents/FreeAgentCards.js
index 2f9680648..839f5667c 100644
--- a/react-ui/src/components/freeagents/FreeAgentCards.js
+++ b/react-ui/src/components/freeagents/FreeAgentCards.js
@@ -1,13 +1,12 @@
 import React, { useState } from "react"
-import { Table, Card, Image, Icon, Flag, Button } from "semantic-ui-react"
-import { countries } from "../../utils/lists"
+import { Card, Image, Icon, Flag, Button } from "semantic-ui-react"
 import InfiniteScroll from "react-infinite-scroller"
 import { Link } from "react-router-dom"
 
-import FATableRows from "./FATableRows"
 import WpnImage from "../common/WpnImage"
 import RoleIcons from "./RoleIcons"
 import VCIcon from "./VCIcon"
+import { countries } from "../../utils/lists"
 
 const FreeAgentCard = ({ freeAgent }) => {
   const [expanded, setExpanded] = useState(false)
@@ -100,30 +99,62 @@ const FreeAgentCard = ({ freeAgent }) => {
       )}
       {expanded && (
         <>
-          <Card.Content header="Activity" />
-          <Card.Description
-            style={{ marginTop: "1em", whiteSpace: "pre-wrap", padding: "1em" }}
-          >
-            {activity}
-          </Card.Description>
-          <Card.Content header="Past experience" />
-          <Card.Description
-            style={{ marginTop: "1em", whiteSpace: "pre-wrap", padding: "1em" }}
-          >
-            {past_experience}
-          </Card.Description>
-          <Card.Content header="Looking for" />
-          <Card.Description
-            style={{ marginTop: "1em", whiteSpace: "pre-wrap", padding: "1em" }}
-          >
-            {looking_for}
-          </Card.Description>
-          <Card.Content header="Description" />
-          <Card.Description
-            style={{ marginTop: "1em", whiteSpace: "pre-wrap", padding: "1em" }}
-          >
-            {description}
-          </Card.Description>
+          {activity && (
+            <>
+              <Card.Content header="Activity" />
+              <Card.Description
+                style={{
+                  marginTop: "1em",
+                  whiteSpace: "pre-wrap",
+                  padding: "1em",
+                }}
+              >
+                {activity}
+              </Card.Description>
+            </>
+          )}
+          {past_experience && (
+            <>
+              <Card.Content header="Past experience" />
+              <Card.Description
+                style={{
+                  marginTop: "1em",
+                  whiteSpace: "pre-wrap",
+                  padding: "1em",
+                }}
+              >
+                {past_experience}
+              </Card.Description>
+            </>
+          )}
+          {looking_for && (
+            <>
+              <Card.Content header="Looking for" />
+              <Card.Description
+                style={{
+                  marginTop: "1em",
+                  whiteSpace: "pre-wrap",
+                  padding: "1em",
+                }}
+              >
+                {looking_for}
+              </Card.Description>
+            </>
+          )}
+          {description && (
+            <>
+              <Card.Content header="Description" />
+              <Card.Description
+                style={{
+                  marginTop: "1em",
+                  whiteSpace: "pre-wrap",
+                  padding: "1em",
+                }}
+              >
+                {description}
+              </Card.Description>
+            </>
+          )}
           <Card.Content extra>
             <Button basic onClick={() => setExpanded(false)}>
               Collapse