Fix UI

retire-run · Apr 4, 2022 · d99871e · d99871e
1 parent 189e222
commit d99871e
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 6 deletions.
diff --git a/src/components/SalarySelector.tsx b/src/components/SalarySelector.tsx
@@ -5,7 +5,7 @@ import { FiRefreshCw } from "react-icons/fi";
 
 const minSalary = 10000;
 const maxSalary = 1000000;
-const salaryCount = 100;
+const salaryCount = 104;
 
 function generateSalary(): number {
  return Math.floor(Math.random() * (maxSalary - minSalary)) + minSalary;
@@ -28,9 +28,6 @@ const SalarySelector: FunctionComponent<Props> = ({ onChange }) => {
 
  return (
  <Group grow direction="column">
- <Button onClick={regenerate} leftIcon={<FiRefreshCw></FiRefreshCw>}>
- {t("regenerate-btn")}
- </Button>
  <Chips
  size="xs"
  radius="sm"
@@ -49,7 +46,10 @@ const SalarySelector: FunctionComponent<Props> = ({ onChange }) => {
  {salary}
  </Chip>
  ))}
- </Chips>
+ </Chips>{" "}
+ <Button onClick={regenerate} leftIcon={<FiRefreshCw></FiRefreshCw>}>
+ {t("regenerate-btn")}
+ </Button>
  </Group>
  );
 };

diff --git a/src/components/Visualizer.tsx b/src/components/Visualizer.tsx
@@ -50,7 +50,7 @@ const Visualizer: FunctionComponent = () => {
  ></Progress>
  <Space h="xl"></Space>
  <Text>
- {t("estimated-salary-desc")} {salaryPerDay} {currency}
+ {t("estimated-salary-desc")} {salaryPerDay.toFixed(2)} {currency}
  </Text>
  <Text>
  {t("total-collected-desc")} {totalCollectedMoney.toFixed(2)} {currency}