(pC-1876) timezoned date field #326

Ledoux · 2019-05-09T15:27:09Z

No description provided.

sofcalca · 2019-05-10T08:14:22Z

src/components/layout/form/fields/DateField.jsx

@@ -60,6 +66,9 @@ export const DateField = ({
        let selected


j'extrairais la fonction donnée au render en la nommant.
Je ne comprends pas ce qu'est readOnlyValue ni selected à la lecture de leur nom : pourrait-on leur donner un nom plus parlant ? J'ai l'impression que ce sont des dates sous différents formats, à mon niveau de compréhension je peux te proposer datetime et formattedDateTime

ok, j'ai renommé en formattedSelectedDatetime et selectedDatetime.
Pour extraire et nommer la fonction render, je suis moins d'accord je trouverais ca moins lisible.

Personnellement je n'arrive pas à comprendre ce que fait la fonction du render et je suis incapable de dire si c'est parce que je ne suis pas assez à l'aise en REACT ou parce que j'ai besoin d'un nommage pour me retrouver.

Il me semble que c'est plus une question "pratiques de code" ici et il me semblait que le nommage de fonctions anonymes en faisait partie. Mais comme je suis moins calée sur le front, je ne sais pas trop comment trancher sur ce point.

yes, je comprends. Les arguments pour defendre mon point sont:

s'il fallait écrire la fonction render={fieldProps => { const props=f(DateFieldProps, fieldProps); return renderField(props)}}, il faudrait d'une part écrire cette fonction plus haut dans le code, ce qui perd en lecture directe de l'arbre html de tout le composant (qui dans ce cas n'est pas trop gros, comme dans tous les render des autres components de type Field).

il faut savoir écrire cette fonction const props=f(DateFieldProps, fieldProps) qui à ma sensation, est de la complexité pour pas grand chose. Donc dans mon estimation, l'augmentation de la surface d'api dans ce cas nuit plus à la lisibilité et l'expressivité du composant.

comme c'est un component qui ne touche pas encore au metier de l'appli, dur de trouver un autre nom que renderField (à moins que tu aies une idée).

Dans ce cas donc, j'aimerais tenir aussi ma position. Je propose qu'on demande un troisième avis qui tranche pour nous.

src/components/layout/form/fields/tests/DateField.spec.jsx

src/components/layout/form/fields/DateField.jsx

Aliochka

Petite question un peu plus générale sur les timzone :
on les construits en fonction du department du code du lieu,
'Europe/Paris' s'il n'y en a pas,

j'imagine que c'est aussi ce qu'il se passe pour les lieux numériques,

du coup est-ce que ton problème ne se reposera pas dans le cas d'un offreur numérique en Outre-Mer ?
(dans ce cas il n'y a que des bokingLimiltDatetime)

Ledoux · 2019-05-13T08:54:31Z

@Aliochka very good point!
De ce qu'on a décidé donc:

on va faire un selectTimezone qui cherche celui du lieu pour le cas non virtuel et celui de la structure pour le cas virtuel.
on rajoute un tooltip pour bien rappeler dans le cas vrituel qu'il s'agit de la timezone de la structure correspondante.

Ledoux · 2019-05-14T11:30:47Z

@sofcalca ok merci, j'ai fait mes retours, quand tu as le temps, pourras-tu confirmer la PR si elle te convient, merci:)

atusithi · 2019-05-15T13:11:08Z

src/components/pages/Offer/StocksManager/StockItem/ProductFields.jsx

+              }
+
+              let tip =
+                "L'heure limite de réservation est à 23h59 de ce jour et ne peut pas être changée."


Renommer "L'heure limite de réservation est 23h59 ce jour et ne peut pas être changée."

atusithi · 2019-05-15T13:12:09Z

src/components/pages/Offer/StocksManager/StockItem/ProductFields.jsx

+              let tip =
+                "L'heure limite de réservation est à 23h59 de ce jour et ne peut pas être changée."
+              if (venue && venue.isVirtual) {
+                tip = `${tip}<br /><br /> Vous être sur une offre numérique, la zone horaire de cette date correspond à celle de votre structure.`


Pourquoi un double saut de ligne via
?
Renommer la phrase : Vous êtes sur une offre numérique, la zone horaire de cette date correspond à celle de votre structure.

le saut de ligne pour avoir ça:)

atusithi · 2019-05-15T13:13:46Z

src/components/pages/Offer/StocksManager/StockItem/StockItem.jsx

+        bindTimeFieldWithDateField({
+          dateName: 'beginningDatetime',
+          timeName: 'beginningTime',
+


supprimer saut de ligne

atusithi · 2019-05-15T13:20:44Z

src/components/pages/Offer/StocksManager/StocksManager.jsx

 import HeroSection from 'components/layout/HeroSection'

+const getStocksManagerButtonTitle = (isEvent, stocks) => {


Pourquoi on sort cette fonction de la class définissant le composant ? Elle n'a pas l'air d'être utilisée à l'extérieur et n'a de sens que dans le composant.

atusithi · 2019-05-15T13:22:13Z

src/components/pages/Offer/StocksManager/tests/StocksManager.spec.jsx

+  price: 17,
+}
+
+describe.skip('src | components | pages | Offer | StocksManager', () => {


si le test est skip, on le supprime

👍 on garde juste le snapshot

atusithi · 2019-05-15T13:50:07Z

...ponents/pages/Offer/StocksManager/StockItem/decorators/forceDateAtSpecificHoursAndMinutes.js

+  return `${dateName || ''}${hours || ''}${minutes || ''}${timezone || ''}`
+}
+
+const forceDateAtSpecificHoursAndMinutes = createCachedSelector(


renommer en forceDateTimeAtSpecificHoursAndMinutes ?

atusithi · 2019-05-15T13:51:06Z

...ponents/pages/Offer/StocksManager/StockItem/decorators/forceDateAtSpecificHoursAndMinutes.js

+          dateMoment = dateMoment.tz(timezone)
+        }
+
+        const updatedDate = dateMoment


renommer en updatedDateTime

atusithi · 2019-05-15T13:51:26Z

...ponents/pages/Offer/StocksManager/StockItem/decorators/forceDateAtSpecificHoursAndMinutes.js

+  ({ timezone }) => timezone,
+  (dateName, hours, minutes, timezone) =>
+    createDecorator({
+      field: dateName,


dateTimeName ?

atusithi · 2019-05-15T14:03:12Z

src/selectors/tests/selectTimezoneByVenueIdAndOffererId.spec.js

+    // then
+    expect(result).toEqual('Europe/Paris')
+  })
+})


Il manque un test : le cas où l'offerer est undefined

Ledoux · 2019-05-15T15:49:45Z

@Akhilian j'ai fait les retours tu me confirmes ? merci

Ledoux changed the title ~~[WIP] (pC-1876) timezoned date field~~ (pC-1876) timezoned date field May 9, 2019

sofcalca reviewed May 10, 2019

View reviewed changes

Aliochka self-requested a review May 10, 2019 13:02

Aliochka reviewed May 10, 2019

View reviewed changes

Ledoux added 5 commits May 13, 2019 19:12

(pC-1876) timezoned date field

488fee4

(pC-1876) add test of timezone

cea0e3a

(pC-1876) changes given review

d89ec8a

(pC-1876) added tooltip

ef16396

(pC-1876) better style for the tooltip

1655009

Ledoux force-pushed the pc-1876-fix-timezone-in-datefield branch from 18130fe to 1655009 Compare May 13, 2019 17:16

(pC-1876) resolved conflict

1b27aa0

Ledoux force-pushed the pc-1876-fix-timezone-in-datefield branch from 023ca30 to c179c73 Compare May 14, 2019 08:24

(pC-1876) added forceDateAt decorator

076e79a

Ledoux force-pushed the pc-1876-fix-timezone-in-datefield branch from c179c73 to 076e79a Compare May 14, 2019 08:42

(pC-1876) force 23 59 to initial bookiing limit date time

bf42096

Ledoux force-pushed the pc-1876-fix-timezone-in-datefield branch from 92a96cd to bf42096 Compare May 14, 2019 09:37

Ledoux requested review from Akhilian and atusithi May 15, 2019 09:41

atusithi reviewed May 15, 2019

View reviewed changes

(pC-1876) added changes given review

041d7f2

Ledoux merged commit a935c41 into master May 15, 2019

Ledoux deleted the pc-1876-fix-timezone-in-datefield branch May 15, 2019 16:47

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

(pC-1876) timezoned date field #326

(pC-1876) timezoned date field #326

Ledoux commented May 9, 2019

sofcalca May 10, 2019

Ledoux May 13, 2019

sofcalca May 14, 2019

Ledoux May 15, 2019 •

edited

Loading

Aliochka left a comment

Ledoux commented May 13, 2019

Ledoux commented May 14, 2019

atusithi May 15, 2019

Ledoux May 15, 2019

atusithi May 15, 2019 •

edited

Loading

Ledoux May 15, 2019

Ledoux May 15, 2019

Ledoux May 15, 2019

atusithi May 15, 2019

Ledoux May 15, 2019

atusithi May 15, 2019

Ledoux May 15, 2019

atusithi May 15, 2019

Ledoux May 15, 2019

atusithi May 15, 2019

Ledoux May 15, 2019

atusithi May 15, 2019

Ledoux May 15, 2019

atusithi May 15, 2019

Ledoux May 15, 2019

atusithi May 15, 2019

Ledoux May 15, 2019

Ledoux commented May 15, 2019

		import HeroSection from 'components/layout/HeroSection'

		const getStocksManagerButtonTitle = (isEvent, stocks) => {

(pC-1876) timezoned date field #326

(pC-1876) timezoned date field #326

Conversation

Ledoux commented May 9, 2019

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Ledoux May 15, 2019 • edited Loading

Choose a reason for hiding this comment

Aliochka left a comment

Choose a reason for hiding this comment

Ledoux commented May 13, 2019

Ledoux commented May 14, 2019

Choose a reason for hiding this comment

Choose a reason for hiding this comment

atusithi May 15, 2019 • edited Loading

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Ledoux commented May 15, 2019

Ledoux May 15, 2019 •

edited

Loading

atusithi May 15, 2019 •

edited

Loading