fix sharing in link mobile apps, add more padding bottom to the botto…

…m sheet

eslint.config.js

@@ -12,7 +12,7 @@ export default [
 
   {
     name: 'app/files-to-ignore',
-    ignores: ['**/dist/**', '**/dist-ssr/**', '**/coverage/**'],
+    ignores: ['**/dist/**', '**/dist-ssr/**', '**/coverage/**', 'ios/**', 'android/**'],
   },
 
   ...pluginVue.configs['flat/essential'],

package.json

@@ -27,6 +27,7 @@
     "make-badges": "istanbul-badges-readme",
     "make-badges:ci": "npm run make-badges -- --ci",
     "checks": "npm run format && npm run lint && npm run test && npm run test-e2e && npm run build",
+    "sync-apps": "npx cap sync",
     "build-android": "npx cap add android",
     "build-ios": "npx cap add ios"
   },
@@ -79,4 +80,4 @@
       "eslint --max-warnings=0"
     ]
   }
-}
+}

src/components/IframeEditor.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { useBrowserLocation, useClipboard } from '@vueuse/core';
+import { useClipboard } from '@vueuse/core';
 import { computed, getCurrentInstance, nextTick, ref } from 'vue';
 import DateFormatSelector from '@/components/DateFormatSelector.vue';
 import TimeFormatSelector from '@/components/TimeFormatSelector.vue';
@@ -9,11 +9,9 @@ import ThemeSelector from '@/components/ThemeSelector.vue';
 import { VTextarea } from 'vuetify/components/VTextarea';
 import { useSettings } from '@/composables/settings';
 import { useUIState } from '@/composables/userInterfaceState';
-import { encodeParamsForIframe } from '@/composables/urlParams';
+import { encodeParamsForIframe, WEB_BASE_URL } from '@/composables/urlParams';
 import { getTranslateFn } from '@/util/i18n';
 
-const browserLocation = useBrowserLocation();
-
 const {
   currentPlace,
   currentLanguage,
@@ -41,7 +39,7 @@ const madhab = ref(calculatorMadhab.value);
 
 const $t = getTranslateFn(getCurrentInstance());
 
-const baseUrl = computed<string>(() => browserLocation.value.origin + '/widget');
+const baseUrl = computed<string>(() => WEB_BASE_URL + '/widget');
 
 const iframeSrc = computed<string>(() => {
   const params = encodeParamsForIframe({

src/components/ShareTimes.vue

@@ -1,21 +1,20 @@
 <script setup lang="ts">
 import { computed, getCurrentInstance, ref } from 'vue';
 import ShareWidget from '@/components/ShareWidget.vue';
-import { useShare, useClipboard, useBrowserLocation } from '@vueuse/core';
-import { useUrlParams } from '@/composables/urlParams';
+import { useShare, useClipboard } from '@vueuse/core';
+import { useUrlParams, WEB_BASE_URL } from '@/composables/urlParams';
 import { getTranslateFn } from '@/util/i18n';
 
 const { encodeSettingsToUrlParams } = useUrlParams();
 const source = ref('');
 const { copy, copied, isSupported: isClipboardSupported } = useClipboard({ source, legacy: true });
 
-const browserLocation = useBrowserLocation();
 const { share, isSupported: isShareSupported } = useShare();
 
 const $t = getTranslateFn(getCurrentInstance());
 
 const shareUrl = computed<string>(() => {
-  return browserLocation.value.origin + '/share?' + encodeSettingsToUrlParams();
+  return WEB_BASE_URL + '/share?' + encodeSettingsToUrlParams();
 });
 
 async function startShare() {
@@ -46,7 +45,7 @@ async function copyLinkClicked() {
       />
     </template>
 
-    <v-sheet>
+    <v-sheet class="pb-10">
       <v-list>
         <v-list-subheader>{{ $t('shareTimes') }}</v-list-subheader>
 

src/composables/urlParams.ts

@@ -223,3 +223,5 @@ export function useUrlParams() {
     encodeSettingsToUrlParams,
   };
 }
+
+export const WEB_BASE_URL = 'https://www.vakitapp.com' as const;