Add countdown translations

src/app/components/cards/CountdownSelector.jsx

@@ -1,4 +1,5 @@
 import React from "react";
+import tt from 'counterpart';
 
 import DateTimePicker from "../elements/DateTimePicker";
 
@@ -9,8 +10,8 @@ const CountdownSelector = (props) => {
         <>
             <div className="row">
                 <div className="column">
-                    <h4>Countdown Timer</h4>
-                    <p>Display a count down timer inside your post</p>
+                    <h4>{tt('post_advanced_settings_jsx.countdown')}</h4>
+                    <p>{tt('post_advanced_settings_jsx.countdown_description')}</p>
                 </div>
             </div>
             <div className="row">

src/app/components/cards/PostFull.scss

@@ -300,3 +300,7 @@ input.share-box {
       color: black;
   }
 }
+
+.PostFull__countdown {
+    font-size: 0.85rem;
+}

src/app/components/elements/DateTimePicker.jsx

@@ -1,6 +1,7 @@
 import React, { useEffect, useCallback, useState } from 'react';
 import SimplePicker from 'simplepicker';
 import { DateTime } from 'luxon';
+import tt from 'counterpart';
 
 import 'simplepicker/dist/simplepicker.css';
 
@@ -14,7 +15,7 @@ const DateTimePicker = (props) => {
         const delta = coundDownDate.diffNow().as('seconds');
 
         if (delta < 3600) {
-            setError('Countdown target date should be at least one hour from now');
+            setError(tt('post_advanced_settings_jsx.countdown_date_error'));
         } else if (onChange) {
             setError('');
             onChange(coundDownDate);
@@ -43,7 +44,7 @@ const DateTimePicker = (props) => {
                     className="datetimepicker_value"
                     type="text"
                     name="countdown"
-                    placeholder="Click to choose a date and time"
+                    placeholder={tt('post_advanced_settings_jsx.countdown_placeholder')}
                     value={value ? value.toLocaleString(DateTime.DATETIME_SHORT) : ''}
                     onClick={openPicker}
                     readOnly

src/app/locales/en.json

@@ -378,7 +378,11 @@
         "max_accepted_payout": "Maximum Accepted Payout",
         "max_accepted_payout_description": "HBD value of the maximum payout this post will receive.",
         "unlimited": "No limit",
-        "custom_value": "Custom value"
+        "custom_value": "Custom value",
+        "countdown": "Post Countdown",
+        "countdown_description": "Display a count down timer inside your post",
+        "countdown_date_error": "Countdown target date should be at least one hour from now",
+        "countdown_placeholder": "Click to choose a date and time"
     },
     "postfull_jsx": {
         "this_post_is_not_available_due_to_a_copyright_claim": "This post is not available due to a copyright claim.",