feat: add "copy profile system location" option to login view (#8162)

Co-authored-by: Begoña Álvarez de la Cruz <balvarez@boxfish.studio>

Author: cpl121

packages/desktop/views/login/views/EnterPinView.svelte

@@ -15,7 +15,7 @@
     import { loginRouter } from '@core/router'
     import { isValidPin } from '@core/utils'
     import features from '@features/features'
-    import { Icon, PinInput, Profile, Text, TextHint } from '@ui'
+    import { Icon, InitProfileActionsModal, MeatballMenuButton, Modal, PinInput, Profile, Text, TextHint } from '@ui'
     import { TextHintVariant } from 'shared/components/enums'
     import { onDestroy } from 'svelte'
 
@@ -35,6 +35,7 @@
     let buttonText: string = getButtonText(timeRemainingBeforeNextAttempt)
     let maxAttemptsTimer: ReturnType<typeof setTimeout> = null
     let shakeTimeout: ReturnType<typeof setTimeout> = null
+    let modal: Modal
 
     $: if (needsToAcceptLatestPrivacyPolicy() || needsToAcceptLatestTermsOfService()) {
         openPopup({
@@ -150,6 +151,12 @@
 <enter-pin-view class="block w-full h-full bg-white dark:bg-gray-900">
     <div class="flex w-full h-full justify-center items-center">
         <div class="w-96 flex flex-col flex-wrap items-center mb-20">
+            <div class="flex justify-end w-full">
+                <div class="max-h-7 max-w-9 overflow-visible relative">
+                    <MeatballMenuButton onClick={modal?.toggle} />
+                    <InitProfileActionsModal bind:modal />
+                </div>
+            </div>
             <div class="flex flex-col gap-8 w-full items-center">
                 <Profile profile={$activeProfile} {updateRequired} />
                 {#if updateRequired}

packages/shared/components/modals/InitProfileActionsModal.svelte

@@ -0,0 +1,30 @@
+<script lang="ts">
+    import { localize } from '@core/i18n'
+    import { Icon } from '@lib/auxiliary/icon'
+    import { MenuItem, Modal } from 'shared/components'
+    import { showAppNotification } from '@lib/auxiliary/notification'
+    import { setClipboard } from '@lib/core/utils'
+    import { activeProfile, getStorageDirectoryOfProfile } from '@lib/core/profile'
+
+    export let modal: Modal | undefined
+
+    async function handleCopyProfileSystemLocation(): Promise<void> {
+        const profileDirectory = await getStorageDirectoryOfProfile($activeProfile?.id)
+        setClipboard(profileDirectory, false)
+        showAppNotification({
+            type: 'info',
+            message: localize('general.copiedToClipboard'),
+        })
+        modal?.close()
+    }
+</script>
+
+<Modal bind:this={modal} {...$$restProps}>
+    <div class="flex flex-col">
+        <MenuItem
+            icon={Icon.Copy}
+            title={localize('actions.copyProfileSystemLocation')}
+            onClick={handleCopyProfileSystemLocation}
+        />
+    </div>
+</Modal>

packages/shared/components/modals/index.js

@@ -2,3 +2,4 @@ export { default as AssetActionsModal } from './AssetActionsModal.svelte'
 export { default as CollectibleActionsModal } from './CollectibleActionsModal.svelte'
 export { default as Modal } from './Modal.svelte'
 export { default as ProfileActionsModal } from './ProfileActionsModal.svelte'
+export { default as InitProfileActionsModal } from './InitProfileActionsModal.svelte'

packages/shared/locales/en.json

@@ -1408,7 +1408,8 @@
         "revote": "Revote",
         "skipAndKeep": "Skip and keep old password",
         "addChain": "Add chain",
-        "viewVestingRewardsFinder": "Find vesting rewards"
+        "viewVestingRewardsFinder": "Find vesting rewards",
+        "copyProfileSystemLocation": "Copy profile system location"
     },
     "general": {
         "recipient": "Recipient",