From 1ee66a900ae7ac5a937bd22ba1d02cafc2bd2ce6 Mon Sep 17 00:00:00 2001
From: Maurice Dalderup <Maurice_Dalderup@hotmail.com>
Date: Sun, 13 Jan 2019 15:31:34 +0100
Subject: [PATCH 1/3] chore(chart): update threshold

---
 .../BreakdownChart/BreakdownChart.js          | 21 ++++++++++++-------
 .../Breakdown/SectionLabel/SectionLabel.js    | 17 +++++++++++++--
 static/splash.html                            |  2 +-
 3 files changed, 30 insertions(+), 10 deletions(-)

diff --git a/src/renderer/account/components/AccountPanel/Breakdown/BreakdownChart/BreakdownChart.js b/src/renderer/account/components/AccountPanel/Breakdown/BreakdownChart/BreakdownChart.js
index 2f8a9022f..e40240265 100644
--- a/src/renderer/account/components/AccountPanel/Breakdown/BreakdownChart/BreakdownChart.js
+++ b/src/renderer/account/components/AccountPanel/Breakdown/BreakdownChart/BreakdownChart.js
@@ -31,7 +31,10 @@ export default class BreakdownChart extends React.PureComponent {
     const data = this.getData();
 
     return (
-      <ResponsiveContainer width="100%" className={classNames(styles.breakdownChart, this.props.className)}>
+      <ResponsiveContainer
+        width="100%"
+        className={classNames(styles.breakdownChart, this.props.className)}
+      >
         <PieChart>
           <Pie
             data={data}
@@ -66,13 +69,17 @@ export default class BreakdownChart extends React.PureComponent {
       return data;
     }
 
-    return [
-      ...data.splice(0, 2),
-      { symbol: 'OTHERS', value: reduceSum(data) }
-    ];
-  }
+    const spliced = [...data.splice(0, 2)];
+    const main = reduceSum(spliced);
+    const others = { symbol: 'OTHERS', value: reduceSum(data) };
+    if (others.value / main < 0.025) {
+      return [...spliced];
+    } else {
+      return [...spliced, others];
+    }
+  };
 
   formatValue = (value) => {
     return formatCurrency(value, this.props.currency);
-  }
+  };
 }
diff --git a/src/renderer/account/components/AccountPanel/Breakdown/SectionLabel/SectionLabel.js b/src/renderer/account/components/AccountPanel/Breakdown/SectionLabel/SectionLabel.js
index c2bd52de1..7419d1f74 100644
--- a/src/renderer/account/components/AccountPanel/Breakdown/SectionLabel/SectionLabel.js
+++ b/src/renderer/account/components/AccountPanel/Breakdown/SectionLabel/SectionLabel.js
@@ -7,14 +7,27 @@ import styles from './SectionLabel.scss';
 const RADIAN = Math.PI / 180;
 
 export default function SectionLabel(props) {
-  const { cx, cy, midAngle, outerRadius, percent, payload: { label } } = props;
+  const {
+    cx,
+    cy,
+    midAngle,
+    outerRadius,
+    percent,
+    payload: { label }
+  } = props;
   const radius = outerRadius + 25;
   const x = cx + radius * Math.cos(-midAngle * RADIAN);
   const y = cy + radius * Math.sin(-midAngle * RADIAN);
 
   return (
     <g className={styles.sectionLabel}>
-      <text x={x} y={y - 10} className={styles.percent} textAnchor="start" dominantBaseline="central">
+      <text
+        x={x}
+        y={y - 10}
+        className={styles.percent}
+        textAnchor="start"
+        dominantBaseline="central"
+      >
         {`${(percent * 100).toFixed(0)}%`}
       </text>
       <text x={x} y={y + 10} className={styles.label} textAnchor="start" dominantBaseline="central">
diff --git a/static/splash.html b/static/splash.html
index f15414c91..bcf5f44f0 100644
--- a/static/splash.html
+++ b/static/splash.html
@@ -22,7 +22,7 @@
     <style>
       html,
       body {
-        background-color: #000;
+        background-color: transparent;
         width: 100%;
         height: 100%;
         margin: 0;

From 1e9ae4f148ac8305973a406a0b04cc09ab8d882b Mon Sep 17 00:00:00 2001
From: Maurice Dalderup <Maurice_Dalderup@hotmail.com>
Date: Sun, 13 Jan 2019 15:34:18 +0100
Subject: [PATCH 2/3] chore(chart): fix treshold

---
 .../AccountPanel/Breakdown/BreakdownChart/BreakdownChart.js     | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/renderer/account/components/AccountPanel/Breakdown/BreakdownChart/BreakdownChart.js b/src/renderer/account/components/AccountPanel/Breakdown/BreakdownChart/BreakdownChart.js
index e40240265..3fce11085 100644
--- a/src/renderer/account/components/AccountPanel/Breakdown/BreakdownChart/BreakdownChart.js
+++ b/src/renderer/account/components/AccountPanel/Breakdown/BreakdownChart/BreakdownChart.js
@@ -72,7 +72,7 @@ export default class BreakdownChart extends React.PureComponent {
     const spliced = [...data.splice(0, 2)];
     const main = reduceSum(spliced);
     const others = { symbol: 'OTHERS', value: reduceSum(data) };
-    if (others.value / main < 0.025) {
+    if (others.value / main < 0.02) {
       return [...spliced];
     } else {
       return [...spliced, others];

From ee1b43df8b076e3cd6d14e9eeb8d15313e44e005 Mon Sep 17 00:00:00 2001
From: Maurice Dalderup <Maurice_Dalderup@hotmail.com>
Date: Sun, 13 Jan 2019 15:57:19 +0100
Subject: [PATCH 3/3] chore(static): fix splashscreen

---
 src/main/index.js  | 1 +
 static/splash.html | 4 ++--
 2 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/src/main/index.js b/src/main/index.js
index f97d59a16..41e7a5eef 100644
--- a/src/main/index.js
+++ b/src/main/index.js
@@ -55,6 +55,7 @@ function createWindow() {
     titleBarStyle: 'customButtonsOnHover',
     show: false,
     frame: false,
+    transparent: true,
     icon: iconPath
   });
 
diff --git a/static/splash.html b/static/splash.html
index bcf5f44f0..3630b4f20 100644
--- a/static/splash.html
+++ b/static/splash.html
@@ -23,8 +23,8 @@
       html,
       body {
         background-color: transparent;
-        width: 100%;
-        height: 100%;
+        width: 98%;
+        height: 98%;
         margin: 0;
         overflow: hidden;
         font-family: "Rubik", sans-serif;