'/%3E%3C/svg%3E)
Format Reading Time with Emojis on a Gatsby Page
This lesson will walk through how to format estimated reading time in a more visually engaging way with emojis. In this method we'll use array methods like .fill() and .join() format the estimated reading time to return a formatted string with emojis representing the total reading time.
The result of this lesson is transforming the reading time for articles from appearing like "15 min read" to "๐ฟ๐ฟ๐ฟ 15 min read"
'%3E%3Ccircle cx='44.82' cy='44.82' r='44.82' fill='%23FFF'/%3E%3Cpath fill='%23151515' fill-rule='nonzero' d='M68.013 44.82l-8.91-8.91a2.7 2.7 0 113.834-3.78l10.8 10.8a2.7 2.7 0 010 3.78l-10.8 10.8a2.7 2.7 0 01-3.834-3.78l8.91-8.91zm-46.413 0l8.91 8.91a2.7 2.7 0 01-3.834 3.78l-10.8-10.8a2.7 2.7 0 010-3.78l10.8-10.8a2.7 2.7 0 013.834 3.78l-8.91 8.91zm20.412 22.248a2.7 2.7 0 01-5.238-1.296l10.8-43.2a2.7 2.7 0 115.238 1.296l-10.8 43.2z'/%3E%3C/g%3E%3Cg transform='translate(76)'%3E%3Ccircle cx='17' cy='17' r='17' fill='%23FF2D55'/%3E%3Cpath fill='%23FFF' d='M12 15v-2a5 5 0 1110 0v2a2 2 0 012 2v5a2 2 0 01-2 2H12a2 2 0 01-2-2v-5a2 2 0 012-2zm8-2v2h-6v-2a3 3 0 116 0z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E)