fix: transition-timing function update from the dropdown ui (#3989)

## Description

Fixes #3957 
Looks like there is a props mis-match during the refactoring from
shorthand to using long hand properties. Now changed it to use the same
convention every where for timing function.

## Steps for reproduction

- Add a new transition layer.
- Update the `timing` from the transition-ui floating panel.
- The updated function from the select should reflect in UI, floating
panel content box and in the style-panel layer name.

## Code Review

- [ ] hi @kof, I need you to do
  - conceptual review (architecture, feature-correctness)
  - detailed review (read every line)
  - test it on preview

## Before requesting a review

- [x] made a self-review

## Before merging

- [x] tested locally and on preview environment (preview dev login:
5de6)
This commit is contained in:
Jaya Krishna Namburu authored and GitHub committed 2024-08-22 11:32:32 +02:00
1 parent 009e762dbf
commit b92c53cb60
1 file changed
+1 -1
@@ -135,7 +135,7 @@ export const TransitionContent = ({
options: StyleUpdateOptions = { isEphemeral: false }
) => {
const value: Array<UnitValue | KeywordValue> = Object.values({
...{ property, duration, delay, timingFunction },
...{ property, duration, delay, timing: timingFunction },
...params,
}).filter<UnitValue | KeywordValue>(
(item): item is UnitValue | KeywordValue => item != null