From cae41fe37ef1609a3ecb1ba0d1fc8c6d6e83307a Mon Sep 17 00:00:00 2001
From: Cral_Cactus <58943239+Cral-Cactus@users.noreply.github.com>
Date: Sun, 8 Sep 2024 02:43:54 +0300
Subject: [PATCH] Fixed stickers page file formating (#1366)

---
 pages/stickers.js | 9 ++++++++-
 1 file changed, 8 insertions(+), 1 deletion(-)

diff --git a/pages/stickers.js b/pages/stickers.js
index 16a8a9d8..af8d93aa 100644
--- a/pages/stickers.js
+++ b/pages/stickers.js
@@ -13,6 +13,13 @@ import { startCase } from 'lodash'
 
 const color = '#EC37AD'
 
+function customStartCase(st) {
+  return st
+    .replace(/\.(svg|png)$/, '')
+    .replace(/[_-]+/g, ' ')
+    .replace(/\b\w/g, char => char.toUpperCase());
+}
+
 const StickersPage = ({ stickers = [] }) => [
   <Box as="main" key="main" sx={{ textAlign: 'center' }}>
     <ForceTheme theme="dark" />
@@ -149,7 +156,7 @@ const StickersPage = ({ stickers = [] }) => [
               alt={st.split('.')[0]}
             />
             <Text as="span" variant="caption" sx={{ fontSize: 2, mt: [2, 3] }}>
-              {startCase(st.replace(/\.(svg|png)/, ''))}
+              {customStartCase(st)}
             </Text>
           </Flex>
         ))}