From 38cb5fc8617ffc3961e18e67bfc45c8e3abe0330 Mon Sep 17 00:00:00 2001
From: Yehor Podporinov <yehor.podporinov@Yehors-MacBook-Pro.local>
Date: Mon, 25 Sep 2023 13:30:45 +0300
Subject: [PATCH] added fixes

---
 components/AppFooter.vue |  3 +--
 forms/TimestampForm.vue  | 10 +++++-----
 helpers/index.ts         |  1 +
 helpers/text.helpers.ts  |  4 ++++
 4 files changed, 11 insertions(+), 7 deletions(-)
 create mode 100644 helpers/text.helpers.ts

diff --git a/components/AppFooter.vue b/components/AppFooter.vue
index 2e53438..616748c 100644
--- a/components/AppFooter.vue
+++ b/components/AppFooter.vue
@@ -10,8 +10,7 @@
 .app-footer {
   display: flex;
   gap: toRem(24);
-  padding: toRem(24) var(--app-padding-right) toRem(24) var(--app-padding-left);
-  justify-content: center;
+  padding: toRem(24) toRem(80);
   border-top: toRem(1) solid var(--background-primary-light);
 }
 
diff --git a/forms/TimestampForm.vue b/forms/TimestampForm.vue
index c0e1ad5..78c3b7b 100644
--- a/forms/TimestampForm.vue
+++ b/forms/TimestampForm.vue
@@ -31,7 +31,7 @@
 import { AppCopy } from '#components'
 import { useFormValidation } from '@/composables'
 import { InputField } from '@/fields'
-import { integer, maxValue, minValue, required } from '@/helpers'
+import { capitalize, integer, maxValue, minValue, required } from '@/helpers'
 import { Time } from '@distributedlab/tools'
 import { computed, reactive } from 'vue'
 import { i18n } from '~/plugins/localization'
@@ -67,19 +67,19 @@ const time = computed<Time | null>(() =>
 const outputItems = computed(() => [
   {
     label: t('timestamp-form.format-label'),
-    value: t('timestamp-form.format-value'),
+    value: capitalize(t('timestamp-form.format-value')),
   },
   {
     label: t('timestamp-form.gmt-label'),
-    value: time.value ? time.value.toDate().toUTCString() : '',
+    value: time.value ? capitalize(time.value.toDate().toUTCString()) : '',
   },
   {
     label: t('timestamp-form.time-zone-label'),
-    value: time.value ? time.value.toDate().toString() : '',
+    value: time.value ? capitalize(time.value.toDate().toString()) : '',
   },
   {
     label: t('timestamp-form.relative-time-label'),
-    value: time.value ? time.value.fromNow : '',
+    value: time.value ? capitalize(time.value.fromNow) : '',
   },
 ])
 </script>
diff --git a/helpers/index.ts b/helpers/index.ts
index a9fcd4d..51204ed 100644
--- a/helpers/index.ts
+++ b/helpers/index.ts
@@ -5,6 +5,7 @@ export * from './ethereum.helpers'
 export * from './event-bus.helper'
 export * from './clipboard.helpers'
 export * from './promise.helpers'
+export * from './text.helpers'
 export * from './type.helpers'
 export * from './validators.helpers'
 export * from './hash-functions.helpers'
diff --git a/helpers/text.helpers.ts b/helpers/text.helpers.ts
new file mode 100644
index 0000000..23843e5
--- /dev/null
+++ b/helpers/text.helpers.ts
@@ -0,0 +1,4 @@
+export function capitalize(str: string) {
+  if (!str) return ''
+  return str[0].toUpperCase() + str.slice(1)
+}