From 824397b93fd3a30da6284af0350d4e7beedd89ef Mon Sep 17 00:00:00 2001
From: yheuhtozr <84892012+yheuhtozr@users.noreply.github.com>
Date: Thu, 28 Oct 2021 00:37:29 +0900
Subject: [PATCH] views/listings etc i18n (#15040)

* views/listings etc i18n

* helper labels

* remove ja.yml

* Update edit.html.erb

* Apply suggestions from code review

Co-authored-by: Michael Kohl <citizen428@forem.com>

* Update delete_confirm.html.erb

* Update edit.html.erb

* Update fr.yml

* Update edit.html.erb

Co-authored-by: Michael Kohl <citizen428@forem.com>
---
 app/views/listings/_form.html.erb          | 48 ++++++-------
 app/views/listings/_form_errors.html.erb   |  2 +-
 app/views/listings/_liquid.html.erb        |  2 +-
 app/views/listings/delete_confirm.html.erb | 14 ++--
 app/views/listings/edit.html.erb           | 60 ++++++++--------
 app/views/listings/index.html.erb          | 14 ++--
 app/views/listings/new.html.erb            | 18 ++---
 app/views/listings/show.html.erb           |  4 +-
 app/views/social_previews/listing.html.erb |  2 +-
 config/locales/en.yml                      | 76 ++++++++++++++++++++
 config/locales/fr.yml                      | 76 ++++++++++++++++++++
 config/locales/helpers/en.yml              |  7 ++
 config/locales/helpers/fr.yml              |  7 ++
 config/locales/views/listings/en.yml       | 83 ++++++++++++++++++++++
 config/locales/views/listings/fr.yml       | 83 ++++++++++++++++++++++
 15 files changed, 412 insertions(+), 84 deletions(-)
 create mode 100644 config/locales/views/listings/en.yml
 create mode 100644 config/locales/views/listings/fr.yml

diff --git a/app/views/listings/_form.html.erb b/app/views/listings/_form.html.erb
index 5ca953621..47a661a05 100644
--- a/app/views/listings/_form.html.erb
+++ b/app/views/listings/_form.html.erb
@@ -10,27 +10,27 @@
       <div class="grid gap-6">
         <div class="crayons-field">
           <%= form.label "title", class: "crayons-label" %>
-          <%= form.text_field "title", placeholder: "128 characters max, plain text", class: "crayons-textfield" %>
+          <%= form.text_field "title", placeholder: t("views.listings.form.title.placeholder"), class: "crayons-textfield" %>
         </div>
 
         <div class="crayons-field">
-          <%= form.label "body_markdown", "Body Markdown", class: "crayons-field__label" %>
-          <%= form.text_area "body_markdown", placeholder: "...", class: "crayons-textfield" %>
-          <p class="crayons-field__description">400 characters max, 12 line break max, no images allowed, *markdown is encouraged*</p>
+          <%= form.label "body_markdown", class: "crayons-field__label" %>
+          <%= form.text_area "body_markdown", placeholder: t("views.listings.form.body_markdown.placeholder"), class: "crayons-textfield" %>
+          <p class="crayons-field__description"><%= t("views.listings.form.body_markdown.description") %></p>
         </div>
 
         <div>
           <div class="crayons-field mb-4">
-            <label class="crayons-field__label" id="listing_category_placeholder">Category</label>
+            <label class="crayons-field__label" id="listing_category_placeholder"><%= t("views.listings.form.category.label") %></label>
             <select class="crayons-select" id="listing_category_placeholder">
               <option>
-                Conference CFP (1 Credit)
+                <%= t("views.listings.form.category.placeholder") %>
               </option>
             </select>
           </div>
 
           <details>
-            <summary>Category details/rules</summary>
+            <summary><%= t("views.listings.form.category.summary") %></summary>
           </details>
         </div>
         <%# The following tag_list field is overriden by the Tags JS component
@@ -39,15 +39,15 @@
         we prevent the screen from "jumping" once the deferred JS is loaded
         and executed. %>
         <div class="crayons-field">
-          <%= form.label "tag_list", "Tags", class: "crayons-field__label" %>
-          <%= form.text_field "tag_list", placeholder: "Add up to 8 tags...", class: "crayons-textfield" %>
+          <%= form.label "tag_list", class: "crayons-field__label" %>
+          <%= form.text_field "tag_list", placeholder: t("views.listings.form.tags.placeholder"), class: "crayons-textfield" %>
         </div>
 
         <div class="crayons-field">
           <label class="crayons-field__label" for="expires_at_placeholder">
-            Custom Expire Date
+            <%= t("helpers.label.listing.expires_at") %>
             <p class="crayons-field__description">
-              If applicable for time sensitive events, deadlines, etc.
+              <%= t("views.listings.form.expiry.description") %>
             </p>
           </label>
           <input
@@ -58,9 +58,9 @@
 
         <% if @organizations.present? && @organizations.size > 0 %>
           <div class="crayons-field">
-            <%= form.label "organization_id", "Post under an organization", class: "crayons-field__label" %>
-            <%= form.select :organization_id, { "None" => "None" }, {}, { class: "crayons-select m:max-w-50" } %>
-            <p class="crayons-field__description">Posting on behalf of an organization spends the organization's credits.</p>
+            <%= form.label "organization_id", class: "crayons-field__label" %>
+            <%= form.select :organization_id, { t("views.listings.form.organization.none") => "None" }, {}, { class: "crayons-select m:max-w-50" } %>
+            <p class="crayons-field__description"><%= t("views.listings.form.organization.description") %></p>
           </div>
         <% end %>
 
@@ -72,8 +72,8 @@
             checked=true />
 
           <label class="crayons-field__label" for="contact_via_connect_placeholder">
-            Connect messaging
-            <p class="crayons-field__description">Allow Users to message me via Connect.</p>
+            <%= t("views.listings.form.connect.subtitle") %>
+            <p class="crayons-field__description"><%= t("views.listings.form.connect.description") %></p>
           </label>
         </div>
       </div>
@@ -84,25 +84,25 @@
     <% end %>
 
     <div class="crayons-field">
-      <%= form.label "location", "Location (If applicable for events, etc.)", class: "crayons-field__label" %>
-      <%= form.text_field "location", placeholder: "New York", class: "crayons-textfield m:max-w-50" %>
-      <p class="crayons-field__description">32 characters max, plain text</p>
+      <%= form.label "location", t("views.listings.form.location.label"), class: "crayons-field__label" %>
+      <%= form.text_field "location", placeholder: t("views.listings.form.location.placeholder"), class: "crayons-textfield m:max-w-50" %>
+      <p class="crayons-field__description"><%= t("views.listings.form.location.description") %></p>
     </div>
   </div>
 
   <div class="px-4 m:px-0">
     <% unless @credits.size > 0 || (@organizations.present? && @organizations.sum(:unspent_credits_count) > 0) %>
-      <div class="crayons-notice mb-4" aria-live="polite">You need at least one credit to create a listing.</div>
+      <div class="crayons-notice mb-4" aria-live="polite"><%= t("views.listings.form.no_credit") %></div>
     <% end %>
     <div class="flex mb-4 items-center">
       <% if @credits.size > 0 || (@organizations.present? && @organizations.sum(:unspent_credits_count) > 0) %>
-        <%= form.submit "Publish listing", class: "crayons-btn mr-2" %>
+        <%= form.submit t("views.listings.form.publish"), class: "crayons-btn mr-2" %>
       <% else %>
-        <a href="/credits/new" class="crayons-btn mr-2" data-no-instant>Purchase credits</a>
+        <a href="/credits/new" class="crayons-btn mr-2" data-no-instant><%= t("views.listings.form.purchase") %></a>
       <% end %>
-      <%= form.button "Save draft", type: "submit", name: "listing[action]", class: "crayons-btn crayons-btn--secondary", value: "draft" %>
+      <%= form.button t("views.listings.form.save"), type: "submit", name: "listing[action]", class: "crayons-btn crayons-btn--secondary", value: "draft" %>
     </div>
 
-    <p class="fs-s color-base-70 mb-6">You will not be charged credits to save a draft.</p>
+    <p class="fs-s color-base-70 mb-6"><%= t("views.listings.form.save_notice") %></p>
   </div>
 <% end %>
diff --git a/app/views/listings/_form_errors.html.erb b/app/views/listings/_form_errors.html.erb
index fbd7b28c8..b4aa669d8 100644
--- a/app/views/listings/_form_errors.html.erb
+++ b/app/views/listings/_form_errors.html.erb
@@ -1,6 +1,6 @@
 <% if listing.errors.any? %>
   <div class="crayons-notice crayons-notice--danger" role="alert">
-    <h2 class="fs-l"><%= pluralize(listing.errors.count, "error") %> prohibited this listing from being saved:</h2>
+    <h2 class="fs-l"><%= t("views.listings.errors", count: listing.errors.count) %></h2>
     <ul>
     <% listing.errors.full_messages.each do |message| %>
       <li><%= message %></li>
diff --git a/app/views/listings/_liquid.html.erb b/app/views/listings/_liquid.html.erb
index a5e803cf4..496619de1 100644
--- a/app/views/listings/_liquid.html.erb
+++ b/app/views/listings/_liquid.html.erb
@@ -3,7 +3,7 @@
   <div class="ltag__listing-content">
     <h3>
       <a href="/listings">
-        This listing has expired.
+        <%= t("views.listings.expired") %>
       </a>
     </h3>
   </div>
diff --git a/app/views/listings/delete_confirm.html.erb b/app/views/listings/delete_confirm.html.erb
index 3247edbbf..da7952ef7 100644
--- a/app/views/listings/delete_confirm.html.erb
+++ b/app/views/listings/delete_confirm.html.erb
@@ -1,22 +1,18 @@
-<main  id="main-content" class="crayons-layout crayons-layout--limited-l gap-0">
+<main id="main-content" class="crayons-layout crayons-layout--limited-l gap-0">
   <div class="crayons-card crayons-card--secondary text-styles text-styles--secondary text-padding -mb-1 mx-3 m:mx-6 mt-3">
     <%= @listing.title %>
   </div>
   <div class="crayons-card text-padding">
-    <h1 class="crayons-subtitle-1 mb-2">Are you sure you want to delete this listing?</h1>
+    <h1 class="crayons-subtitle-1 mb-2"><%= t("views.listings.delete.subtitle") %></h1>
     <p class="fs-l mb-4">
-      You cannot undo this action, perhaps you just want to
-      <a data-no-instant href="<%= edit_listing_path(@listing) %>">
-        <%= @listing.published ? "unpublish" : "edit" %>
-      </a>
-      instead?
+      <%= t("views.listings.delete.description.text_html", action: link_to(@listing.published ? t("views.listings.delete.description.unpublish") : t("views.listings.delete.description.edit"), edit_listing_path(@listing), data: { no_instant: "" })) %>
     </p>
 
     <%= form_tag listing_path(@listing), method: :delete do %>
-      <button class="crayons-btn crayons-btn--danger">Delete</button>
+      <button class="crayons-btn crayons-btn--danger"><%= t("views.listings.delete.submit") %></button>
 
       <a data-no-instant href="<%= edit_listing_path(@listing) %>" class="crayons-btn crayons-btn--secondary">
-        <%= @listing.published ? "Unpublish" : "Edit" %>
+        <%= @listing.published ? t("views.listings.delete.unpublish") : t("views.listings.delete.edit") %>
       </a>
     <% end %>
   </div>
diff --git a/app/views/listings/edit.html.erb b/app/views/listings/edit.html.erb
index 0f09a3320..74e59614b 100644
--- a/app/views/listings/edit.html.erb
+++ b/app/views/listings/edit.html.erb
@@ -1,55 +1,55 @@
-<% title "Edit Listing" %>
+<% title t("views.listings.edit.heading") %>
 
 <header class="crayons-layout crayons-layout--limited-l flex items-center justify-between p-2 l:p-4 l:pb-0">
-  <h1 class="crayons-title">Edit Listing</h1>
+  <h1 class="crayons-title"><%= t("views.listings.edit.heading") %></h1>
 </header>
 
 <main class="crayons-layout crayons-layout--2-cols crayons-layout--2-cols--inverted crayons-layout--limited-l">
   <div class="crayons-layout__content">
     <div class="crayons-card mb-6 p-6">
       <%= form_for(@listing, html: { class: "grid gap-6 mb-6" }) do |f| %>
-        <div class="crayons-notice" aria-live="polite">You can only edit title/body/tags of drafts or within the first 24 hours of listing or bumping</div>
+        <div class="crayons-notice" aria-live="polite"><%= t("views.listings.edit.notice") %></div>
 
         <%= render partial: "form_errors", locals: { listing: @listing } %>
 
         <% if (@listing.bumped_at && @listing.bumped_at > 24.hours.ago) || @listing.updated_at && !@listing.published %>
           <div class="crayons-field">
-            <%= f.label "title", "Title", class: "crayons-field__label" %>
-            <%= f.text_field "title", maxlength: 128, placeholder: "128 characters max, plain text", class: "crayons-textfield" %>
+            <%= f.label "title", class: "crayons-field__label" %>
+            <%= f.text_field "title", maxlength: 128, placeholder: t("views.listings.form.title.placeholder"), class: "crayons-textfield" %>
           </div>
           <div class="crayons-field">
-            <%= f.label "body_markdown", "Body Markdown", class: "crayons-field__label" %>
-            <%= f.text_area "body_markdown", maxlength: 400, placeholder: "...", class: "crayons-textfield" %>
-            <p class="crayons-field__description">400 characters max, 12 line break max, no images allowed, *markdown is encouraged*</p>
+            <%= f.label "body_markdown", class: "crayons-field__label" %>
+            <%= f.text_area "body_markdown", maxlength: 400, placeholder: t("views.listings.form.body_markdown.placeholder"), class: "crayons-textfield" %>
+            <p class="crayons-field__description"><%= t("views.listings.form.body_markdown.description") %></p>
           </div>
           <div class="crayons-field">
-            <%= f.label "tag_list", "Tags", class: "crayons-field__label" %>
-            <%= f.text_field "tag_list", value: @listing.cached_tag_list, placeholder: "8 tags max, comma separated, no spaces or special characters", class: "crayons-textfield" %>
+            <%= f.label "tag_list", class: "crayons-field__label" %>
+            <%= f.text_field "tag_list", value: @listing.cached_tag_list, placeholder: t("views.listings.form.tags.placeholder"), class: "crayons-textfield" %>
           </div>
           <div class="crayons-field">
             <%= f.label "expires_at", "Custom Expire Date", class: "crayons-field__label" %>
             <%= f.date_field "expires_at", min: Date.tomorrow, max: @listing.natural_expiration_date, class: "crayons-textfield m:max-w-50" %>
             <p class="crayons-field__description">
-                If applicable for time sensitive events, deadlines, etc.
+                <%= t("views.listings.form.expiry.description") %>
               </p>
           </div>
           <div class="crayons-field crayons-field--checkbox">
             <%= f.check_box "contact_via_connect", class: "crayons-checkbox" %>
             <label class="crayons-field__label" for="contact_via_connect">
-              Connect messaging
-              <p class="crayons-field__description">Allow Users to message me via Connect.</p>
+              <%= t("views.listings.form.connect.subtitle") %>
+              <p class="crayons-field__description"><%= t("views.listings.form.connect.description") %></p>
             </label>
           </div>
           <div class="crayons-field">
-            <%= f.label "location", "Location", class: "crayons-field__label" %>
-            <%= f.text_field "location", maxlength: 32, placeholder: "New York", class: "crayons-textfield m:max-w-50" %>
-            <p class="crayons-field__description">32 characters max, plain text</p>
+            <%= f.label "location", class: "crayons-field__label" %>
+            <%= f.text_field "location", maxlength: 32, placeholder: t("views.listings.form.location.placeholder"), class: "crayons-textfield m:max-w-50" %>
+            <p class="crayons-field__description"><%= t("views.listings.form.location.description") %></p>
           </div>
           <div>
             <% if @listing.published %>
-              <%= f.submit "Update listing", class: "crayons-btn" %>
+              <%= f.submit t("views.listings.edit.update"), class: "crayons-btn" %>
             <% else %>
-              <%= f.submit "Update draft", class: "crayons-btn crayons-btn--secondary" %>
+              <%= f.submit t("views.listings.edit.update_draft"), class: "crayons-btn crayons-btn--secondary" %>
             <% end %>
           </div>
         <% end %>
@@ -58,11 +58,11 @@
       <%= form_for(@listing, html: { class: "pt-6 mt-6 border-t-1 border-solid border-0 border-base-20 flex items-center" }) do |f| %>
         <% if @listing.published == false %>
           <input type="hidden" name="listing[action]" value="publish" />
-          <%= f.submit "Publish listing", class: "crayons-btn mr-4" %>
-          <p>This listing is <strong class="color-accent-danger">not</strong> published.</p>
+          <%= f.submit t("views.listings.edit.publish"), class: "crayons-btn mr-4" %>
+          <p><%= t("views.listings.edit.not_published.text_html", not: tag.strong(t("views.listings.edit.not_published.not"), class: "color-accent-danger")) %></p>
         <% else %>
           <input type="hidden" name="listing[action]" value="unpublish" />
-          <%= f.submit "Unpublish listing", class: "crayons-btn crayons-btn--danger" %>
+          <%= f.submit t("views.listings.edit.unpublish"), class: "crayons-btn crayons-btn--danger" %>
         <% end %>
       <% end %>
     </div>
@@ -70,12 +70,12 @@
     <% if @listing.bumped_at %>
       <%= form_for(@listing, html: { class: "crayons-card grid gap-6 p-6 mb-6" }) do |f| %>
         <header>
-          <h2 class="mb-2">Bump your listing</h2>
-          <p>You can bump your listing for the same price as the original listing</p>
+          <h2 class="mb-2"><%= t("views.listings.edit.bump.subtitle") %></h2>
+          <p><%= t("views.listings.edit.bump.description") %></p>
         </header>
         <div class="flex items-center">
-          <%= f.submit "Bump listing", class: "crayons-btn crayons-btn--secondary mr-4" %>
-          <p class="color-base-70">Last Published/Bumped: <%= time_ago_in_words @listing.bumped_at %> ago</p>
+          <%= f.submit t("views.listings.edit.bump.button"), class: "crayons-btn crayons-btn--secondary mr-4" %>
+          <p class="color-base-70"><%= t("views.listings.edit.bump.last", date: time_ago_in_words(@listing.bumped_at, scope: :'datetime.distance_in_words_ago')) %></p>
         </div>
         <input type="hidden" name="listing[action]" value="bump" />
       <% end %>
@@ -86,24 +86,24 @@
     <% unless @listing.published %>
       <%= form_for(@listing, html: { class: "crayons-card crayons-card--secondary p-3 m:p-4 mb-2 m:mb-4" }) do |f| %>
         <p class="pb-4">
-          This listing is <strong class="color-accent-danger">not</strong> published
+          <%= t("views.listings.edit.not_published.aside_html", not: tag.strong(t("views.listings.edit.not_published.not"), class: "color-accent-danger")) %>
         </p>
         <input type="hidden" name="listing[action]" value="publish" />
-        <%= f.submit "Publish listing", class: "crayons-btn w-100" %>
+        <%= f.submit t("views.listings.edit.publish"), class: "crayons-btn w-100" %>
       <% end %>
     <% end %>
 
     <div class="crayons-card crayons-card--secondary p-3 m:p-4 mb-2 m:mb-4">
       <p>
         <% if (@listing.natural_expiration_date) < Date.today %>
-          Expired <%= time_ago_in_words @listing.natural_expiration_date %> ago
+          <%= time_ago_in_words @listing.natural_expiration_date, scope: :"datetime.expired_ago" %>
         <% else %>
-          Expires in <%= time_ago_in_words @listing.natural_expiration_date %>
+          <%= time_ago_in_words @listing.natural_expiration_date, scope: :"datetime.expires_in" %>
         <% end %>
       </p>
       <% if @listing.bumped_at %>
         <p class="pt-3 mt-3 border-t-1 border-solid border-0 border-base-10">
-          Last Published/Bumped: <%= time_ago_in_words @listing.bumped_at %> ago
+          <%= t("views.listings.edit.bump.last", date: time_ago_in_words(@listing.bumped_at, scope: :"datetime.distance_in_words_ago")) %>
         </p>
       <% end %>
     </div>
diff --git a/app/views/listings/index.html.erb b/app/views/listings/index.html.erb
index b0e13e374..47f50c52e 100644
--- a/app/views/listings/index.html.erb
+++ b/app/views/listings/index.html.erb
@@ -1,5 +1,5 @@
 <%= content_for :page_meta do %>
-  <% title t("core.listings").to_s %>
+  <% title t("views.listings.heading") %>
 
   <link rel="canonical" href="<%= app_url(request.path) %>" />
   <meta name="description" content="<%= Settings::Community.community_description %>">
@@ -10,10 +10,10 @@
   <meta property="og:site_name" content="<%= community_name %>" />
   <% if @displayed_listing %>
     <meta property="og:title" content="<%= truncate @displayed_listing.title, length: 54 %>">
-    <meta property="og:description" content="<%= community_name %> Listing" />
+    <meta property="og:description" content="<%= t("views.listings.meta.description", community: community_name) %>" />
     <meta property="og:image" content="<%= listing_social_image_url @displayed_listing %>">
     <meta name="twitter:title" content="<%= truncate @displayed_listing.title, length: 54 %>">
-    <meta name="twitter:description" content="<%= community_name %> Listing">
+    <meta name="twitter:description" content="<%= t("views.listings.meta.description", community: community_name) %>">
     <meta name="twitter:image:src" content="<%= listing_social_image_url @displayed_listing %>">
   <% else %>
     <meta property="og:title" content="Listings" />
@@ -30,12 +30,12 @@
 <main id="main-content">
 
   <header class="crayons-page-header s:pb-0">
-    <h1 class="crayons-title"><%= t("core.listings") %></h1>
+    <h1 class="crayons-title"><%= t("views.listings.heading") %></h1>
 
-    <nav class="flex items-center" aria-label="Listings">
+    <nav class="flex items-center" aria-label="<%= t("views.listings.nav.aria_label") %>">
       <ul class="list-none flex">
-        <li><a href="<%= new_listing_path %>" class="crayons-btn crayons-btn--secondary">Create</a></li>
-        <li><a href="<%= listings_dashboard_path %>" class="crayons-btn crayons-btn--secondary ml-2">Manage</a></li>
+        <li> <a href="<%= new_listing_path %>" class="crayons-btn crayons-btn--secondary"><%= t("views.listings.nav.create") %></a></li>
+        <li> <a href="<%= listings_dashboard_path %>" class="crayons-btn crayons-btn--secondary ml-2"><%= t("views.listings.nav.manage") %></a></li>
       </ul>
     </nav>
   </header>
diff --git a/app/views/listings/new.html.erb b/app/views/listings/new.html.erb
index fc781128e..75434f47c 100644
--- a/app/views/listings/new.html.erb
+++ b/app/views/listings/new.html.erb
@@ -1,7 +1,7 @@
-<% title "New Listing" %>
+<% title t("views.listings.new.meta.title") %>
 
 <header class="crayons-layout crayons-layout--limited-l flex items-center justify-between p-2 l:p-4 l:pb-0">
-  <h1 class="crayons-title">Create a Community Listing</h1>
+  <h1 class="crayons-title"><%= t("views.listings.new.heading") %></h1>
 </header>
 
 <main class="crayons-layout crayons-layout--2-cols crayons-layout--2-cols--inverted crayons-layout--limited-l">
@@ -10,16 +10,16 @@
   </div>
   <aside class="crayons-layout__sidebar-right px-3 m:px-0">
     <div class="crayons-card crayons-card--secondary p-3 m:p-6 mb-2 m:mb-4">
-      <span class="color-base-60">Personal credits</span>
+      <span class="color-base-60"><%= t("views.listings.new.personal") %></span>
       <div class="flex m:flex-col items-center m:items-start justify-between">
         <strong class="fs-2xl m:fs-3xl lh-tight color-base-90 m:mb-4 block" id="test-credits-size"><%= @credits.size %></strong>
-        <a target="_blank" rel="noopener noreferrer" class="crayons-btn crayons-btn--secondary m:w-100" href="/credits/purchase" data-no-instant>Buy more</a>
+        <a target="_blank" rel="noopener noreferrer" class="crayons-btn crayons-btn--secondary m:w-100" href="/credits/purchase" data-no-instant><%= t("views.listings.new.buy") %></a>
       </div>
     </div>
 
     <% if @organizations.present? %>
       <div class="crayons-card crayons-card--secondary p-3 m:p-6 mb-4">
-        <span class="color-base-60">Organization credits</label>
+        <span class="color-base-60"><%= t("views.listings.new.organization") %></label>
         <% if @organizations.size > 1 %>
           <select id="org-credits-select" class="org-credits-select crayons-select my-2">
             <% @organizations.each do |org| %>
@@ -29,16 +29,16 @@
         <% end %>
         <div class="flex m:flex-col items-center m:items-start justify-between">
           <strong class="fs-2xl m:fs-3xl lh-tight color-base-90 m:mb-4 block" id="org-credits-number"><%= @organizations.first.credits.unspent.size %></strong>
-          <a id="org-credits-purchase-link" target="_blank" rel="noopener noreferrer" class="crayons-btn crayons-btn--secondary m:w-100" href="/credits/purchase?organization_id=<%= @organizations.first.id %>" data-no-instant>Buy more</a>
+          <a id="org-credits-purchase-link" target="_blank" rel="noopener noreferrer" class="crayons-btn crayons-btn--secondary m:w-100" href="/credits/purchase?organization_id=<%= @organizations.first.id %>" data-no-instant><%= t("views.listings.new.buy") %></a>
         </div>
         <%= javascript_packs_with_chunks_tag "listingForm", "orgCreditsSelector", defer: true %>
       </div>
     <% end %>
 
     <div class="fs-s color-base-60 mb-4">
-      <h3 class="fs-base fw-bold color-base-70 mb-2">Disclaimer</h3>
-      <p class="mb-2"><%= community_name %> admins may modify tags and categories to ensure accuracy. We may also take down and refund inappropriate listings.</p>
-      <p>Listings expire 30 days after they are published or "bumped".</p>
+      <h3 class="fs-base fw-bold color-base-70 mb-2"><%= t("views.listings.new.disclaimer.subtitle") %></h3>
+      <p class="mb-2"><%= t("views.listings.new.disclaimer.description1", community: community_name) %></p>
+      <p><%= t("views.listings.new.disclaimer.description2") %></p>
     </div>
   </aside>
 </main>
diff --git a/app/views/listings/show.html.erb b/app/views/listings/show.html.erb
index e65056a1b..2d8b22f15 100644
--- a/app/views/listings/show.html.erb
+++ b/app/views/listings/show.html.erb
@@ -1,4 +1,4 @@
 <p id="notice"><%= notice %></p>
 
-<%= link_to "Edit", edit_listing_path(@listing) %> |
-<%= link_to "Back", listings_path %>
+<%= link_to t("views.listings.to_edit"), edit_listing_path(@listing) %> |
+<%= link_to t("views.listings.back"), listings_path %>
diff --git a/app/views/social_previews/listing.html.erb b/app/views/social_previews/listing.html.erb
index 4233aa43f..12cb4d14c 100644
--- a/app/views/social_previews/listing.html.erb
+++ b/app/views/social_previews/listing.html.erb
@@ -81,7 +81,7 @@
       <%= @listing.social_preview_category %>
     </div>
     <div class="preview-dev-logo">
-      <%= inline_svg_tag("devlistings-horizontal.svg", class: "logo", size: "30vw*10vw", aria: false, title: "DEV logo") %>
+      <%= inline_svg_tag("devlistings-horizontal.svg", class: "logo", size: "30vw*10vw", aria: false, title: t("views.listings.preview_icon")) %>
     </div>
   </div>
 </div>
diff --git a/config/locales/en.yml b/config/locales/en.yml
index f099c12f0..e1eae6fc6 100644
--- a/config/locales/en.yml
+++ b/config/locales/en.yml
@@ -110,6 +110,82 @@ en:
       x_years:
         one: 1 year ago
         other: "%{count} years ago"
+    expired_ago:
+      about_x_hours:
+        one: Expired about 1 hour ago
+        other: Expired about %{count} hours ago
+      about_x_months:
+        one: Expired about 1 month ago
+        other: Expired about %{count} months ago
+      about_x_years:
+        one: Expired about 1 year ago
+        other: Expired about %{count} years ago
+      almost_x_years:
+        one: Expired almost 1 year ago
+        other: Expired almost %{count} years ago
+      half_a_minute: Expired half a minute ago
+      less_than_x_seconds:
+        one: Expired less than 1 second ago
+        other: Expired less than %{count} seconds ago
+      less_than_x_minutes:
+        one: Expired less than a minute ago
+        other: Expired less than %{count} minutes ago
+      over_x_years:
+        one: Expired over 1 year ago
+        other: Expired over %{count} years ago
+      x_seconds:
+        one: Expired 1 second ago
+        other: Expired %{count} seconds ago
+      x_minutes:
+        one: Expired 1 minute ago
+        other: Expired %{count} minutes ago
+      x_days:
+        one: Expired 1 day ago
+        other: Expired %{count} days ago
+      x_months:
+        one: Expired 1 month ago
+        other: Expired %{count} months ago
+      x_years:
+        one: Expired 1 year ago
+        other: Expired %{count} years ago
+    expires_in:
+      about_x_hours:
+        one: Expires in about 1 hour
+        other: Expires in about %{count} hours
+      about_x_months:
+        one: Expires in about 1 month
+        other: Expires in about %{count} months
+      about_x_years:
+        one: Expires in about 1 year
+        other: Expires in about %{count} years
+      almost_x_years:
+        one: Expires in almost 1 year
+        other: Expires in almost %{count} years
+      half_a_minute: Expires in half a minute
+      less_than_x_seconds:
+        one: Expires in less than 1 second
+        other: Expires in less than %{count} seconds
+      less_than_x_minutes:
+        one: Expires in less than a minute
+        other: Expires in less than %{count} minutes
+      over_x_years:
+        one: Expires in over 1 year
+        other: Expires in over %{count} years
+      x_seconds:
+        one: Expires in 1 second
+        other: Expires in %{count} seconds
+      x_minutes:
+        one: Expires in 1 minute
+        other: Expires in %{count} minutes
+      x_days:
+        one: Expires in 1 day
+        other: Expires in %{count} days
+      x_months:
+        one: Expires in 1 month
+        other: Expires in %{count} months
+      x_years:
+        one: Expires in 1 year
+        other: Expires in %{count} years
   errors:
     messages:
       accepted: must be accepted
diff --git a/config/locales/fr.yml b/config/locales/fr.yml
index 988975fdf..d1b09aee2 100644
--- a/config/locales/fr.yml
+++ b/config/locales/fr.yml
@@ -125,6 +125,82 @@ fr:
       x_years:
         one: l’année dernière
         other: il y a %{count} ans
+    expired_ago:
+      about_x_hours:
+        one: Expired about 1 hour ago
+        other: Expired about %{count} hours ago
+      about_x_months:
+        one: Expired about 1 month ago
+        other: Expired about %{count} months ago
+      about_x_years:
+        one: Expired about 1 year ago
+        other: Expired about %{count} years ago
+      almost_x_years:
+        one: Expired almost 1 year ago
+        other: Expired almost %{count} years ago
+      half_a_minute: Expired half a minute ago
+      less_than_x_seconds:
+        one: Expired less than 1 second ago
+        other: Expired less than %{count} seconds ago
+      less_than_x_minutes:
+        one: Expired less than a minute ago
+        other: Expired less than %{count} minutes ago
+      over_x_years:
+        one: Expired over 1 year ago
+        other: Expired over %{count} years ago
+      x_seconds:
+        one: Expired 1 second ago
+        other: Expired %{count} seconds ago
+      x_minutes:
+        one: Expired 1 minute ago
+        other: Expired %{count} minutes ago
+      x_days:
+        one: Expired 1 day ago
+        other: Expired %{count} days ago
+      x_months:
+        one: Expired 1 month ago
+        other: Expired %{count} months ago
+      x_years:
+        one: Expired 1 year ago
+        other: Expired %{count} years ago
+    expires_in:
+      about_x_hours:
+        one: Expires in about 1 hour
+        other: Expires in about %{count} hours
+      about_x_months:
+        one: Expires in about 1 month
+        other: Expires in about %{count} months
+      about_x_years:
+        one: Expires in about 1 year
+        other: Expires in about %{count} years
+      almost_x_years:
+        one: Expires in almost 1 year
+        other: Expires in almost %{count} years
+      half_a_minute: Expires in half a minute
+      less_than_x_seconds:
+        one: Expires in less than 1 second
+        other: Expires in less than %{count} seconds
+      less_than_x_minutes:
+        one: Expires in less than a minute
+        other: Expires in less than %{count} minutes
+      over_x_years:
+        one: Expires in over 1 year
+        other: Expires in over %{count} years
+      x_seconds:
+        one: Expires in 1 second
+        other: Expires in %{count} seconds
+      x_minutes:
+        one: Expires in 1 minute
+        other: Expires in %{count} minutes
+      x_days:
+        one: Expires in 1 day
+        other: Expires in %{count} days
+      x_months:
+        one: Expires in 1 month
+        other: Expires in %{count} months
+      x_years:
+        one: Expires in 1 year
+        other: Expires in %{count} years
   errors:
     messages:
       accepted: doit être accepté
diff --git a/config/locales/helpers/en.yml b/config/locales/helpers/en.yml
index ff35532c9..7cda68654 100644
--- a/config/locales/helpers/en.yml
+++ b/config/locales/helpers/en.yml
@@ -2,6 +2,13 @@
 en:
   helpers:
     label:
+      listing:
+        body_markdown: Body Markdown
+        expires_at: Custom Expire Date
+        location: Location
+        organization_id: Post under an organization
+        tag_list: Tags
+        title: Title
       podcast:
         android_url: Android url
         description: Description
diff --git a/config/locales/helpers/fr.yml b/config/locales/helpers/fr.yml
index 39465cdb4..9e3a2b6ce 100644
--- a/config/locales/helpers/fr.yml
+++ b/config/locales/helpers/fr.yml
@@ -2,6 +2,13 @@
 fr:
   helpers:
     label:
+      listing:
+        body_markdown: Body Markdown
+        expires_at: Custom Expire Date
+        location: Location
+        organization_id: Post under an organization
+        tag_list: Tags
+        title: Title
       podcast:
         android_url: Android url
         description: Description
diff --git a/config/locales/views/listings/en.yml b/config/locales/views/listings/en.yml
new file mode 100644
index 000000000..e2c42b184
--- /dev/null
+++ b/config/locales/views/listings/en.yml
@@ -0,0 +1,83 @@
+---
+en:
+  views:
+    listings:
+      meta:
+        description: "%{community} Listing"
+      heading: Listings
+      back: Back
+      delete:
+        subtitle: Are you sure you want to delete this listing?
+        description:
+          text_html: You cannot undo this action, perhaps you just want to %{action} instead?
+          edit: edit
+          unpublish: unpublish
+        edit: Edit
+        submit: Delete
+        unpublish: Unpublish
+      edit:
+        heading: Edit Listing
+        bump:
+          subtitle: Bump your listing
+          button: Bump listing
+          description: You can bump your listing for the same price as the original listing
+          last: 'Last Published/Bumped: %{date}'
+        notice: You can only edit title/body/tags of drafts or within the first 24 hours of listing or bumping
+        not_published:
+          text_html: This listing is %{not} published.
+          aside_html: This listing is %{not} published
+          not: not
+        publish: Publish listing
+        unpublish: Unpublish listing
+        update: Update listing
+        update_draft: Update draft
+      to_edit: Edit
+      errors:
+        one: '1 error prohibited this listing from being saved:'
+        other: "%{count} errors prohibited this listing from being saved:"
+      expired: This listing has expired.
+      form:
+        body_markdown:
+          description: 400 characters max, 12 line break max, no images allowed, *markdown is encouraged*. Please include a contact method if necessary.
+          placeholder: "..."
+        category:
+          label: Category
+          placeholder: Conference CFP (1 Credit)
+          summary: Category details/rules
+        connect:
+          subtitle: Connect messaging
+          description: Allow Users to message me via Connect.
+        expiry:
+          description: If applicable for time sensitive events, deadlines, etc.
+        location:
+          description: 32 characters max, plain text
+          label: Location (If applicable for events, etc.)
+          placeholder: New York
+        no_credit: You need at least one credit to create a listing.
+        organization:
+          description: Posting on behalf of an organization spends the organization's credits.
+          none: None
+        publish: Publish listing
+        purchase: Purchase credits
+        save: Save draft
+        save_notice: You will not be charged credits to save a draft.
+        tags:
+          placeholder: Add up to 8 tags...
+        title:
+          placeholder: 128 characters max, plain text
+      nav:
+        aria_label: Listings
+        create: Create
+        manage: Manage
+      new:
+        meta:
+          title: New Listing
+        heading: Create a Community Listing
+        buy: Buy more
+        disclaimer:
+          subtitle: Disclaimer
+          description1: "%{community} admins may modify tags and categories to ensure accuracy. We may also take down and refund inappropriate listings."
+          description2: Listings expire 30 days after they are published or "bumped".
+        organization: Organization credits
+        personal: Personal credits
+      preview_icon: DEV logo
diff --git a/config/locales/views/listings/fr.yml b/config/locales/views/listings/fr.yml
new file mode 100644
index 000000000..98f8c5e97
--- /dev/null
+++ b/config/locales/views/listings/fr.yml
@@ -0,0 +1,83 @@
+---
+fr:
+  views:
+    listings:
+      meta:
+        description: "%{community} Listing"
+      heading: Annonces
+      back: Back
+      delete:
+        subtitle: Are you sure you want to delete this listing?
+        description:
+          text_html: You cannot undo this action, perhaps you just want to %{action} instead?
+          edit: edit
+          unpublish: unpublish
+        edit: Edit
+        submit: Delete
+        unpublish: Unpublish
+      edit:
+        heading: Edit Listing
+        bump:
+          subtitle: Bump your listing
+          button: Bump listing
+          description: You can bump your listing for the same price as the original listing
+          last: 'Last Published/Bumped: %{date}'
+        notice: You can only edit title/body/tags of drafts or within the first 24 hours of listing or bumping
+        not_published:
+          text_html: This listing is %{not} published.
+          aside_html: This listing is %{not} published
+          not: not
+        publish: Publish listing
+        unpublish: Unpublish listing
+        update: Update listing
+        update_draft: Update draft
+      to_edit: Edit
+      errors:
+        one: '1 error prohibited this listing from being saved:'
+        other: "%{count} errors prohibited this listing from being saved:"
+      expired: This listing has expired.
+      form:
+        body_markdown:
+          description: 400 characters max, 12 line break max, no images allowed, *markdown is encouraged*. Please include a contact method if necessary.
+          placeholder: "..."
+        category:
+          label: Category
+          placeholder: Conference CFP (1 Credit)
+          summary: Category details/rules
+        connect:
+          subtitle: Connect messaging
+          description: Allow Users to message me via Connect.
+        expiry:
+          description: If applicable for time sensitive events, deadlines, etc.
+        location:
+          description: 32 characters max, plain text
+          label: Location (If applicable for events, etc.)
+          placeholder: New York
+        no_credit: You need at least one credit to create a listing.
+        organization:
+          description: Posting on behalf of an organization spends the organization's credits.
+          none: None
+        publish: Publish listing
+        purchase: Purchase credits
+        save: Save draft
+        save_notice: You will not be charged credits to save a draft.
+        tags:
+          placeholder: Add up to 8 tags...
+        title:
+          placeholder: 128 characters max, plain text
+      nav:
+        aria_label: Listings
+        create: Create
+        manage: Manage
+      new:
+        meta:
+          title: New Listing
+        heading: Create a Community Listing
+        buy: Buy more
+        disclaimer:
+          subtitle: Disclaimer
+          description1: "%{community} admins may modify tags and categories to ensure accuracy. We may also take down and refund inappropriate listings."
+          description2: Listings expire 30 days after they are published or "bumped".
+        organization: Organization credits
+        personal: Personal credits
+      preview_icon: DEV logo