fix issues preventing build

Author: Idrinth

language/ar.yml

@@ -74,7 +74,7 @@ code-of-conduct:
 home:
   meta:
     title: "الرئيسية"
-    description: "مرحباً بكم في مراجع توثيق اطار العمل @idrinth-api-bench/framework "
+    description: "مرحباً بكم في مراجع توثيق اطار العمل @idrinth-api-bench/framework"
   title: "ماذا يفعل هذا المشروع؟"
   what: "هذا المشروع يوفر اطار عمل لقياس ومراقبة اداء واجهة برمجة التطبيقات, الذي يسعى إلى توفير أفضل تجربة ممكنة للمطور مع الحفاظ على سهولة التوسع والضبط"
   why: "يقدم اطار العمل المساعدة في كشف التغيرات في اداء الكود بسرعة وسهولة "
@@ -224,10 +224,10 @@ contributing:
       description: "نتوقع منك فحص الكود الجديد، كما ونقدر إضافة فحوصات أو تحسين الفحوصات الموجودة للكود القديم. والهدف هو العثور على معظم المشكلات إما من خلال التحليل الثابت أو فحوصات الوحدة والتكامل"
       manual:
         title: "الفحص اليدوي"
-        description: "للفحص اليدوي، يمكنك تشغيل \"npm run coai\" في مجلد المصدر للتحقق تلقائيًا من جميع الملفات المطلوبة للفحص وتثبيتها"
+        description: "للفحص اليدوي، يمكنك تشغيل 'npm run coai' في مجلد المصدر للتحقق تلقائيًا من جميع الملفات المطلوبة للفحص وتثبيتها"
       locally:
         title: "تشغيل الفحص محلياً"
-        description: "لرؤية قائمة بمهام CI المتاحة والأوامر المقابلة لها لتشغيلها محليًا، يمكنك تشغيل \"npm run local\" في مجلد المصدر. وهذا مفيد بشكل خاص لاختبار مهام CI محددة قبل تأكيد التغييرات"
+        description: "لرؤية قائمة بمهام CI المتاحة والأوامر المقابلة لها لتشغيلها محليًا، يمكنك تشغيل 'npm run local' في مجلد المصدر. وهذا مفيد بشكل خاص لاختبار مهام CI محددة قبل تأكيد التغييرات"
     naming:
       title: "تعليمات التسمية"
       list_item_1: "camelCase للمتغيرات والدوال - دمج الاحرف الكبيرة والصغيرة"

language/en.yml

@@ -138,6 +138,7 @@ sponsors:
     title: "Sponsors | Contributing"
     description: "The following businesses and companies are sponsoring the development of api-bench by providing time, money or necessary tools."
   title: "Sponsors"
+  now: "now (ongoing)"
   former:
     title: "Former Sponsors"
     description: "These companies are former sponsors and have helped in the past."

src/components/external-link.tsx

@@ -6,16 +6,18 @@ import {
 interface ExternalLinkType {
   to: string;
   label?: string;
+  nofollow?: boolean;
 }
 
 const ExternalLink = ({
   to,
   label = '',
+  nofollow = false,
 }: ExternalLinkType,) => <a
   className="external-link"
   href={to}
   target='_blank'
-  rel='noreferrer'
+  rel={'noreferrer' + (nofollow ? ' nofollow' : '')}
 >
   {label || to.replace(/^https?:\/\//ui, '',)}
   <FiExternalLink className="external-link-icon"/>

src/components/language-switch.scss

@@ -1,4 +1,6 @@
 select.language-switch {
   appearance: auto;
   cursor: pointer;
+  background-color: var(--background-color);
+  color: var(--text-color);
 }

src/components/sponsor.tsx

@@ -10,25 +10,49 @@ interface SponsorProps {
   lnkey: string;
   to: string;
   label: string;
+  since: Date;
+  until?: Date;
 }
 
 const Sponsor = ({
   img,
   lnkey,
   to,
   label,
-}: SponsorProps,) => <div className={'card sponsor'}>
-  {img}
-  <div key={lnkey}>
-    <h2>
-      <ExternalLink
-        to={to}
-        label={label}
-      />
-    </h2>
-    <p><Lang lnkey={`sponsors.${ lnkey }.intro` as languageKey}/></p>
-    <p><Lang lnkey={`sponsors.${ lnkey }.sponsoring` as languageKey}/></p>
-  </div>
-</div>;
+  since,
+  until
+}: SponsorProps,) => {
+  if (until) {
+    return <div className={'card sponsor former'}>
+      {img}
+      <div key={lnkey}>
+        <h2>
+          <ExternalLink
+            to={to}
+            label={label}
+            nofollow={true}
+          />
+        </h2>
+        <p>${ since.toLocaleDateString() } - ${ until.toLocaleDateString() }</p>
+        <p><Lang lnkey={`sponsors.${ lnkey }.intro` as languageKey}/></p>
+        <p><Lang lnkey={`sponsors.${ lnkey }.sponsoring` as languageKey}/></p>
+      </div>
+    </div>;
+  }
+  return <div className={'card sponsor current'}>
+    {img}
+    <div key={lnkey}>
+      <h2>
+        <ExternalLink
+          to={to}
+          label={label}
+        />
+      </h2>
+      <p>${ since.toLocaleDateString() } - <Lang lnkey={'sponsors.now'}/></p>
+      <p><Lang lnkey={`sponsors.${ lnkey }.intro` as languageKey}/></p>
+      <p><Lang lnkey={`sponsors.${ lnkey }.sponsoring` as languageKey}/></p>
+    </div>
+  </div>;
+}
 
 export default Sponsor;