chore: add name into account qr code (#538)

* chore: add name into account qr code

* chore: rename

* merge master

src/screens/AccountDetails.js

@@ -110,7 +110,9 @@ function AccountDetails({ accounts, navigation }) {
 			/>
 			<View>
 				{protocol !== NetworkProtocols.UNKNOWN ? (
-					<QrView data={selectedKey} />
+					<QrView
+						data={account.name ? `${selectedKey}:${account.name}` : selectedKey}
+					/>
 				) : (
 					<UnknownAccountWarning />
 				)}

src/screens/PathDetails.js

@@ -28,6 +28,7 @@ import QrView from '../components/QrView';
 import {
 	getAddressWithPath,
 	getNetworkKey,
+	getPathName,
 	getPathsWithSubstrateNetwork,
 	isSubstratePath
 } from '../util/identitiesUtils';
@@ -44,6 +45,7 @@ import UnknownAccountWarning from '../components/UnknownAccountWarning';
 export function PathDetailsView({ accounts, navigation, path, networkKey }) {
 	const { currentIdentity } = accounts.state;
 	const address = getAddressWithPath(path, currentIdentity);
+	const accountName = getPathName(path, currentIdentity);
 	if (!address) return null;
 	const isUnknownNetwork = networkKey === UnknownNetworkKeys.UNKNOWN;
 	const formattedNetworkKey = isUnknownNetwork ? defaultNetworkKey : networkKey;
@@ -104,7 +106,7 @@ export function PathDetailsView({ accounts, navigation, path, networkKey }) {
 			</View>
 			<ScrollView>
 				<PathCard identity={currentIdentity} path={path} />
-				<QrView data={accountId} />
+				<QrView data={`${accountId}:${accountName}`} />
 				{isUnknownNetwork && <UnknownAccountWarning isPath />}
 			</ScrollView>
 		</View>