💄 Also consider newlines in item sheets

TheAsel · Jul 22, 2024 · fc03b36 · fc03b36
1 parent e32c578
commit fc03b36
Show file tree

Hide file tree

Showing 4 changed files with 13 additions and 4 deletions.
diff --git a/src/components/Shop/ShopSheet/ArmorSheet.vue b/src/components/Shop/ShopSheet/ArmorSheet.vue
@@ -41,7 +41,9 @@ const cleanDescription = (description: string) => {
 
   finalString = finalString.replaceAll('<hr />', '<hr class="tw-my-2"/>');
 
-  return finalString.replace(cleanRegex, '');
+  finalString = finalString.replaceAll('\n', '<br style="display: block; margin-top: 0px;">');
+
+  return finalString.replaceAll(cleanRegex, '');
 };
 
 const openShopSheet = (id: number) => {

diff --git a/src/components/Shop/ShopSheet/ItemSheet.vue b/src/components/Shop/ShopSheet/ItemSheet.vue
@@ -32,8 +32,11 @@ const cleanDescription = (description: string) => {
 
   finalString = finalString.replaceAll('<hr />', '<hr class="tw-my-2"/>');
 
-  return finalString.replace(cleanRegex, '');
+  finalString = finalString.replaceAll('\n', '<br style="display: block; margin-top: 0px;">');
+
+  return finalString.replaceAll(cleanRegex, '');
 };
+
 const openShopSheet = (id: number) => {
   const routeData = router.resolve({ name: 'item', query: { id: id } });
   window.open(routeData.href, '_blank');

diff --git a/src/components/Shop/ShopSheet/ShieldSheet.vue b/src/components/Shop/ShopSheet/ShieldSheet.vue
@@ -41,7 +41,9 @@ const cleanDescription = (description: string) => {
 
   finalString = finalString.replaceAll('<hr />', '<hr class="tw-my-2"/>');
 
-  return finalString.replace(cleanRegex, '');
+  finalString = finalString.replaceAll('\n', '<br style="display: block; margin-top: 0px;">');
+
+  return finalString.replaceAll(cleanRegex, '');
 };
 
 const openShopSheet = (id: number) => {

diff --git a/src/components/Shop/ShopSheet/WeaponSheet.vue b/src/components/Shop/ShopSheet/WeaponSheet.vue
@@ -33,7 +33,9 @@ const cleanDescription = (description: string) => {
 
   finalString = finalString.replaceAll('<hr />', '<hr class="tw-my-2"/>');
 
-  return finalString.replace(cleanRegex, '');
+  finalString = finalString.replaceAll('\n', '<br style="display: block; margin-top: 0px;">');
+
+  return finalString.replaceAll(cleanRegex, '');
 };
 
 const openShopSheet = (id: number) => {