Convert the "Contact Leasing Agent" section to a "Management Company" section

ui-components/src/locales/ar.json

@@ -704,7 +704,7 @@
         "bn": "বাংলা"
     },
     "leasingAgent": {
-        "contact": "اتصل بوكيل التأجير",
+        "contact": "شركة إدارة",
         "dueToHighCallVolume": "نظرًا لارتفاع حجم المكالمات ، قد تسمع رسالة.",
         "name": "اسم وكيل التأجير",
         "namePlaceholder": "الاسم بالكامل",

ui-components/src/locales/bn.json

@@ -704,7 +704,7 @@
         "bn": "বাংলা"
     },
     "leasingAgent": {
-        "contact": "লিজিং এজেন্টের সাথে যোগাযোগ করুন",
+        "contact": "ব্যবস্থাপনা কোম্পানি",
         "dueToHighCallVolume": "উচ্চ কল ভলিউমের কারণে আপনি একটি বার্তা শুনতে পারেন।",
         "name": "লিজিং এজেন্টের নাম",
         "namePlaceholder": "পুরো নাম",

ui-components/src/locales/es.json

@@ -704,7 +704,7 @@
         "bn": "বাংলা"
     },
     "leasingAgent": {
-        "contact": "Comuníquese con el agente de arrendamiento",
+        "contact": "Empresa de gestión",
         "dueToHighCallVolume": "Debido al alto volumen de llamadas, es posible que escuche un mensaje.",
         "name": "Nombre del agente de arrendamiento",
         "namePlaceholder": "Nombre completo",

ui-components/src/locales/general.json

@@ -705,7 +705,7 @@
     "bn": "বাংলা"
   },
   "leasingAgent": {
-    "contact": "Contact Leasing Agent",
+    "contact": "Management Company",
     "dueToHighCallVolume": "Due to high call volume you may hear a message.",
     "name": "Leasing Agent Name",
     "namePlaceholder": "Full Name",
@@ -1260,20 +1260,20 @@
     "allInfoWillBeVerified": "All of the information that you have provided will be verified and your eligibility confirmed. Your application will be removed from the waitlist if you have made any fraudulent statements. If we cannot verify a housing preference that you have claimed, you will not receive the preference but will not be otherwise penalized.",
     "bePreparedIfChosen": "Should your application be chosen, be prepared to fill out a more detailed application and provide required supporting documents."
   },
-  "listingFilters":{
-    "modalTitle":"Filter Results",
-    "modalHeader":"Use these options to refine your list of properties.",
-    "neighborhood":"Neighborhood:"
+  "listingFilters": {
+    "modalTitle": "Filter Results",
+    "modalHeader": "Use these options to refine your list of properties.",
+    "neighborhood": "Neighborhood:"
   },
   "eligibility": {
     "progress": {
-      "header" : "Let's find your next home",
+      "header": "Let's find your next home",
       "sections": {
-        "welcome" : "Welcome",
-        "bedrooms" : "Bedrooms",
-        "age" : "Age",
-        "disability" : "Disability",
-        "income" : "Income",
+        "welcome": "Welcome",
+        "bedrooms": "Bedrooms",
+        "age": "Age",
+        "disability": "Disability",
+        "income": "Income",
         "section8": "Section 8"
       }
     },
@@ -1286,30 +1286,30 @@
       "studio": "Studio",
       "srCountLabel": "Bedroom count"
     },
-    "age" : {
+    "age": {
       "prompt": "How old are you?",
       "description": "Some properties only accept individuals over 62 years of age.",
       "label": "years old",
       "error": "Please enter a valid age."
     },
-    "disability" : {
-      "prompt" : "Do you have a disability?",
-      "description" : "Some properties are meant for residents with disabilities. Some homes might request proof of disability with your application.",
+    "disability": {
+      "prompt": "Do you have a disability?",
+      "description": "Some properties are meant for residents with disabilities. Some homes might request proof of disability with your application.",
       "preferNotToSay": "Prefer not to say"
     },
-    "income" : {
+    "income": {
       "prompt": "What is your total household annual income?",
       "description": "Include income for everyone who will be living in your household including yourself. Income includes social security, retirement accounts and wages.",
-      "label" : "Income range",
-      "ranges" : {
+      "label": "Income range",
+      "ranges": {
         "below10k": "Below $10,000",
         "10kTo20k": "$10,000 - $20,000",
         "30kTo40k": "$30,000 - $40,000",
         "40kTo50k": "$40,000 - $50,000",
         "over50k": "Over $50,000"
       }
     },
-    "section8" : {
+    "section8": {
       "prompt": "Do you have a Section 8 voucher?"
     }
   }

ui-components/src/locales/general_OLD.json

@@ -591,7 +591,7 @@
     "viewMap": "View Map"
   },
   "leasingAgent": {
-    "contact": "Contact Leasing Agent",
+    "contact": "Management Company",
     "dueToHighCallVolume": "Due to high call volume you may hear a message.",
     "officeHours": "Office Hours"
   },

ui-components/src/locales/vi.json

@@ -413,7 +413,7 @@
     "visitWebsite": "Truy cập %{name}"
   },
   "leasingAgent": {
-    "contact": "Liên lạc với Nhân viên Đại diện cho Thuê nhà",
+    "contact": "Công ty quản lý",
     "dueToHighCallVolume": "Do có nhiều cuộc gọi đến, quý vị có thể nghe thấy một lời nhắn.",
     "officeHours": "Giờ Làm việc"
   },

ui-components/src/locales/zh.json

@@ -413,7 +413,7 @@
     "visitWebsite": "請瀏覽 %{name}"
   },
   "leasingAgent": {
-    "contact": "聯絡租賃代理",
+    "contact": "管理公司",
     "dueToHighCallVolume": "由於來電人數眾多，您可能會聽到訊息留言。",
     "officeHours": "辦公時間"
   },

ui-components/src/page_components/listing/listing_sidebar/LeasingAgent.tsx

@@ -20,6 +20,8 @@ const LeasingAgent = (props: LeasingAgentProps) => {
     ? `tel:${listing.leasingAgentPhone.replace(/[-()]/g, "")}`
     : ""
 
+  const managementWebsite = listing.managementWebsite ? `http://${listing.managementWebsite}` : ""
+
   return (
     <section className="aside-block">
       <h4 className="text-caps-underline">{t("leasingAgent.contact")}</h4>
@@ -35,7 +37,6 @@ const LeasingAgent = (props: LeasingAgentProps) => {
               {listing.leasingAgentPhone}
             </a>
           </p>
-          <p className="text-sm text-gray-700">{t("leasingAgent.dueToHighCallVolume")}</p>
         </>
       )}
 
@@ -53,6 +54,19 @@ const LeasingAgent = (props: LeasingAgentProps) => {
           officeHours={listing.leasingAgentOfficeHours}
         />
       )}
+
+      {listing.managementCompany && (
+        <>
+          <p className="mt-5">
+            <p>{listing.managementCompany}</p>
+            {listing.managementWebsite && (
+              <a href={managementWebsite}>
+                <p>{listing.managementWebsite}</p>
+              </a>
+            )}
+          </p>
+        </>
+      )}
     </section>
   )
 }