Updates.

wansaleh · Dec 31, 2021 · df12015 · df12015 · vercel · Dec 31, 2021
1 parent 43b6a3b
commit df12015
Show file tree

Hide file tree

Showing 5 changed files with 54 additions and 17 deletions.
diff --git a/_hadiths/40-snippets/syurga-dibawah-telapak-kaki-ibu.md b/_hadiths/40-snippets/syurga-dibawah-telapak-kaki-ibu.md
@@ -0,0 +1,15 @@
+---
+title: Syurga Di Bawah Telapak Kaki Ibu
+narrators:
+- Anas bin Malik
+topics:
+- Keluarga
+- Ibu Bapa
+- Syurga
+---
+
+<p lang="ar">
+الْجَنَّةُ تَحْتَ أقْدامِ الأُمَّهَاتِ
+</p>
+
+Syurga itu berada di bawah telapak kaki ibu.
diff --git a/_hadiths/40-snippets/ucapan-salam.md b/_hadiths/40-snippets/ucapan-salam.md
@@ -0,0 +1,14 @@
+---
+title: Ucapan Salam
+narrators:
+- Bukhari
+topics:
+- Kemanusiaan
+- Salam
+---
+
+<p lang="ar">
+الَسَّلامُ قَبْلَ الكَلاَمِ
+</p>
+
+Ucaplah salam sebelum bicara.
diff --git a/_hadiths/51-shorts/menyeru-kepada-hidayah.md b/_hadiths/51-shorts/menyeru-kepada-hidayah.md
@@ -0,0 +1,10 @@
+---
+number: 36
+title: Menyeru Kepada Hidayah
+narrators:
+- Muslim
+topics:
+- Dakwah
+---
+
+Barangsiapa yang menyeru kepada petunjuk, maka dia akan mendapat pahala seperti orang yang mengikutinya tanpa kurang dari keduanya. Sesiapa yang menyeru kepada kesesatan, maka dia akan mendapat dosa seperti orang yang mengikutinya tanpa kurang salah satu daripada mereka.
diff --git a/_hadiths/51-shorts/mereka-yang-menyeru-kepada-hidayah-atau-kesesatan.md b/_hadiths/51-shorts/mereka-yang-menyeru-kepada-hidayah-atau-kesesatan.md
diff --git a/src/components/home/HadithCard.tsx b/src/components/home/HadithCard.tsx
@@ -36,18 +36,26 @@ export default function HadithCard({ hadith }: { hadith: Hadith }) {
           {hadith.title}
         </h2>
 
-        <ReactMarkdown
-          rehypePlugins={[rehypeRaw]}
-          remarkPlugins={[remarkSmartypants]}
+        <div
+          data-word-count={wordCount}
           className={clsx(
             'prose prose-lg dark:prose-invert leading-normal font-light',
-            wordCount < 20 && 'text-2xl',
+            wordCount < 10 && 'text-3xl',
+            wordCount >= 10 && wordCount < 20 && 'text-2xl',
             wordCount >= 20 && wordCount < 30 && 'text-xl',
-            wordCount > 70 && 'text-sm'
+            wordCount >= 30 && wordCount < 50 && 'text-base',
+            wordCount >= 50 && wordCount < 70 && 'text-base',
+            wordCount >= 70 && 'text-sm'
           )}
         >
-          {hadith.content}
-        </ReactMarkdown>
+          <ReactMarkdown
+            rehypePlugins={[rehypeRaw]}
+            remarkPlugins={[remarkSmartypants]}
+            data-wordCount={wordCount}
+          >
+            {hadith.content}
+          </ReactMarkdown>
+        </div>
 
         <div className="flex-1" />