Improve/fix registration status icon text

app/webpacker/components/MyCompetitions/UpcomingCompetitionTable.jsx

@@ -23,11 +23,18 @@ const competingStatusIcon = (competingStatus) => {
 };
 
 const registrationStatusIconText = (competition) => {
+  const toRelativeOptions = {
+    // don't be more precise than "days" (i.e. no hours/minutes/seconds)
+    unit: ["years", "quarters", "months", "weeks", "days"],
+    // round up, e.g. in 8 hours -> pads to 1 day 8 hours -> rounds to "in 1 day"
+    padding: 24 * 60 * 60 * 1000,
+  };
+
   if (competition.registration_status === 'not_yet_opened') {
-    return I18n.t('competitions.index.tooltips.registration.opens_in', { duration: DateTime.fromISO(competition.registration_open).toRelative() });
+    return I18n.t('competitions.index.tooltips.registration.opens_in', { duration: DateTime.fromISO(competition.registration_open).toRelative(toRelativeOptions) });
   }
   if (competition.registration_status === 'past') {
-    return I18n.t('competitions.index.tooltips.registration.closed', { days: DateTime.fromISO(competition.start_date).toRelative() });
+    return I18n.t('competitions.index.tooltips.registration.closed', { days: DateTime.fromISO(competition.start_date).toRelative(toRelativeOptions) });
   }
   if (competition.registration_status === 'full') {
     return I18n.t('competitions.index.tooltips.registration.full');

config/locales/en.yml

@@ -1567,10 +1567,10 @@ en:
         recent: "Last %{count} days"
         #context: the registration status icon
         registration:
-          opens_in: "Registration will open in %{duration}"
-          closed: "Registration has closed. Competition starts in %{days}"
+          opens_in: "Registration will open %{duration}."
+          closed: "Registration has closed. Competition starts %{days}."
           open: "Registration is open!"
-          full: "Competitor limit reached, new registrations will go to the waiting list"
+          full: "Competitor limit reached, new registrations will go to the waiting list."
       no_more_comps: "No more competitions."
       no_comp_found: "No competitions found."
       no_comp_match: "We didn't find any competitions with %{events}! Try searching for fewer events."