fix: ln invoice paid date

LN-Zap · Jun 12, 2019 · f62b18d · f62b18d
1 parent fc0497b
commit f62b18d
Showing 1 changed file with 16 additions and 3 deletions.
diff --git a/renderer/components/Request/RequestSummary.js b/renderer/components/Request/RequestSummary.js
@@ -152,10 +152,23 @@ class RequestSummary extends React.Component {
           left={<FormattedMessage {...messages.status} />}
           right={
             invoice.settled ? (
-              <Text color={getStatusColor()} fontWeight="normal">
+              <Text
+                color={getStatusColor()}
+                css={`
+                  word-break: break-all;
+                  text-transform: capitalize;
+                `}
+                fontWeight="normal"
+                textAlign="right"
+              >
                 <FormattedMessage {...messages.paid} />
-                {` `}
+                <br />
-                <FormattedTime value={invoice.settle_date * 1000} />
+                <FormattedTime
+                  day="2-digit"
+                  month="long"
+                  value={invoice.settle_date * 1000}
+                  year="numeric"
+                />
               </Text>
             ) : (
               <>