reorg

src/pages/Admin/Charity/Dashboard/MoveFundForm.tsx

@@ -146,6 +146,10 @@ const tos: { [K in Flow]: string } = {
 function Deduction(props: IDeduction) {
  return (
  <div className="col-span-full grid grid-cols-subgrid text-sm">
+ <p className="flex items-center">
+ <Icon type="ArrowLeft" size={15} className="text-navy-l1 mr-1" />
+ <span className="text-left">{tos[props.to]}</span>
+ </p>
  <span className="text-left">
  $ {humanize(props.amount)}{" "}
  {props.isEditing && (
@@ -156,12 +160,6 @@ function Deduction(props: IDeduction) {
  />
  )}
  </span>
- <Icon
- type="ArrowRight"
- size={15}
- className="text-navy-l1 justify-self-center"
- />
- <span className="text-left">{tos[props.to]}</span>
  </div>
  );
 }

src/pages/Admin/Charity/Dashboard/Summary.tsx

@@ -100,18 +100,17 @@ function Balance({ classes = "", ...props }: IItem) {
  key={idx}
  className="grid grid-cols-subgrid col-span-full items-center"
  >
- <Icon
- size={14}
- className={`${
- value > 0 ? "text-green" : "text-navy-l1"
- } justify-self-end mr-4`}
- type={value > 0 ? "ArrowRight" : "ArrowLeft"}
- />
- <p className="font-heading">$ {humanize(Math.abs(value))}</p>
- <p className="text-xs text-navy-l1">
- {value > 0 ? "from" : "to"}
+ <p className="flex items-center mr-4">
+ <Icon
+ size={14}
+ className={`${
+ value > 0 ? "text-green" : "text-navy-l1"
+ } justify-self-end mr-2`}
+ type={value > 0 ? "ArrowRight" : "ArrowLeft"}
+ />
+ <span className="text-sm text-navy-l1">{toOrFrom}</span>
  </p>
- <p className="ml-4 text-sm text-navy-l1">{toOrFrom}</p>
+ <p className="font-heading">$ {humanize(Math.abs(value))}</p>
  </div>
  ))}
  </div>