Trade Panel Enhancements

[0xlinus]

Description

This PR fixes issues related to the TP/SL values shown in EditStopLossAndTakeProfitModal and in SLTPInputs which display inaccurate data. It also adds extra information to the input.

Related issue

#2797

Motivation and Context

This is also a technical assessment

[vercel]

@0xlinus is attempting to deploy a commit to the Kwenta Team on Vercel.

A member of the Team first needs to authorize it.

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Updated (UTC)
kwenta	✅ Ready (Inspect)	Visit Preview	Oct 4, 2023 1:04pm

[platschi]

Thank you!

Two small nitpicks:

1. Negative value text color is not correct, check styles sheet.

Colors should be:

green
g300(dark mode)
g800(light mode)

red:
r300(dark mode)
r700(light mode)

2. Modal text should be changed to "Entry price" instead of "Last price":

[0xlinus]

Thank you!

Two small nitpicks:

1. Negative value text color is not correct, check styles sheet.

Colors should be:

green g300(dark mode) g800(light mode)

red: r300(dark mode) r700(light mode)

2. Modal text should be changed to "Entry price" instead of "Last price":

Fixed ✔️
Thanks for the feedback!

[codecov]

Codecov Report

Merging #2798 (0075fcf) into dev (c6df349) will increase coverage by 0.00%.
The diff coverage is 45.45%.

@@           Coverage Diff           @@
##              dev    #2798   +/-   ##
=======================================
  Coverage   51.52%   51.53%           
=======================================
  Files         425      425           
  Lines       13742    13767   +25     
  Branches     3046     3059   +13     
=======================================
+ Hits         7081     7095   +14     
- Misses       6395     6405   +10     
- Partials      266      267    +1     

Files	Coverage Δ
.../app/src/sections/futures/Trade/SLTPInputField.tsx	100.00% <ø> (ø)
...itPositionModal/EditStopLossAndTakeProfitInput.tsx	73.33% <0.00%> (ø)
.../app/src/sections/futures/Trade/ShowPercentage.tsx	80.76% <80.00%> (+7.08%)	⬆️
...ages/app/src/sections/futures/Trade/SLTPInputs.tsx	65.93% <47.05%> (-1.16%)	⬇️
...itPositionModal/EditStopLossAndTakeProfitModal.tsx	22.46% <0.00%> (-1.03%)	⬇️

📣 We’re building smart automated test selection to slash your CI/CD build times. Learn more

[avclarke]

Nice work, just one small clean up suggestion but not a blocker.

[0xlinus]

Nice work, just one small clean up suggestion but not a blocker.

Good catch, thanks!