refactor: improve permission labels in SecondaryKeyItem

Author: F-OBrien

src/layouts/SecondaryKeys/components/AddPermission/components/AssetPermissionSelector.tsx

@@ -1,7 +1,7 @@
-import { useContext, useState, useEffect, useRef } from 'react';
+import { useContext, useEffect, useRef, useState } from 'react';
 import styled from 'styled-components';
-import { AssetContext } from '~/context/AssetContext';
 import { Icon } from '~/components';
+import { AssetContext } from '~/context/AssetContext';
 import { formatUuid, stringToColor } from '~/helpers/formatters';
 import { formatAssetDisplay } from '../../../utils';
 

src/layouts/SecondaryKeys/components/AddPermission/components/AssetsPermissions.tsx

@@ -1,7 +1,7 @@
 import { useMemo } from 'react';
-import { GenericPermissionSelector } from './GenericPermissionSelector';
-import { AssetPermissionSelector } from './AssetPermissionSelector';
 import { PermissionType } from '../../../types';
+import { AssetPermissionSelector } from './AssetPermissionSelector';
+import { GenericPermissionSelector } from './GenericPermissionSelector';
 
 interface IAssetsPermissionsProps {
   value: {

src/layouts/SecondaryKeys/components/AddPermission/components/ExtrinsicPermissionSelector.tsx

@@ -1,7 +1,7 @@
-import { useState, useCallback, useEffect } from 'react';
-import styled from 'styled-components';
 import { TxGroup, TxTag } from '@polymeshassociation/polymesh-sdk/types';
 import { txGroupToTxTags } from '@polymeshassociation/polymesh-sdk/utils';
+import { useCallback, useEffect, useState } from 'react';
+import styled from 'styled-components';
 import { Icon } from '~/components';
 
 interface IExtrinsicPermissionSelectorProps {

src/layouts/SecondaryKeys/components/AddPermission/components/ExtrinsicsPermissions.tsx

@@ -1,12 +1,12 @@
 import {
   FormSection,
+  Label,
+  RadioDescription,
   RadioGroup,
-  RadioOption,
   RadioLabel,
+  RadioOption,
   RadioTitle,
-  RadioDescription,
   SelectWrapper,
-  Label,
 } from '../styles';
 import { ExtrinsicPermissionSelector } from './ExtrinsicPermissionSelector';
 import { ValidationError } from './ValidationError';

src/layouts/SecondaryKeys/components/AddPermission/components/GenericPermissionSelector.tsx

@@ -1,16 +1,16 @@
 import React, { useCallback } from 'react';
+import { PermissionType } from '../../../types';
 import {
   FormSection,
+  Label,
+  RadioDescription,
   RadioGroup,
-  RadioOption,
   RadioLabel,
+  RadioOption,
   RadioTitle,
-  RadioDescription,
   SelectWrapper,
-  Label,
 } from '../styles';
 import { ValidationError } from './ValidationError';
-import { PermissionType } from '../../../types';
 
 interface IRadioOptionConfig {
   readonly type: PermissionType;

src/layouts/SecondaryKeys/components/AddPermission/components/PermissionSummary.tsx

@@ -2,12 +2,12 @@ import { useContext, useMemo } from 'react';
 import { AssetContext } from '~/context/AssetContext';
 import { deduplicateAssetsByID, formatAssetDisplay } from '../../../utils';
 import {
-  SummarySection,
+  SelectedItem,
+  SelectedItemsList,
   SummaryCard,
-  SummaryTitle,
+  SummarySection,
   SummaryText,
-  SelectedItemsList,
-  SelectedItem,
+  SummaryTitle,
 } from '../styles';
 
 interface IPermissionSummaryProps {

src/layouts/SecondaryKeys/components/AddPermission/components/PortfoliosPermissions.tsx

@@ -1,7 +1,7 @@
 import { useMemo } from 'react';
+import { PermissionType } from '../../../types';
 import { GenericPermissionSelector } from './GenericPermissionSelector';
 import { PortfolioPermissionSelector } from './PortfolioPermissionSelector';
-import { PermissionType } from '../../../types';
 
 interface IPortfoliosPermissionsProps {
   value: {

src/layouts/SecondaryKeys/components/AddPermission/hooks.tsx

@@ -1,4 +1,4 @@
-import { useState, useCallback, useMemo } from 'react';
+import { useCallback, useMemo, useState } from 'react';
 import { EPermissionStep, EPermissionTab } from '../../constants';
 import { IPermissionFormData, initialPermissionState } from './constants';
 

src/layouts/SecondaryKeys/components/AddPermission/index.tsx

@@ -1,24 +1,24 @@
 import { Modal } from '~/components';
 import { Button, Text } from '~/components/UiKit';
+import { EPermissionStep, EPermissionTab } from '../../constants';
+import { AssetsPermissions } from './components/AssetsPermissions';
+import { ExtrinsicsPermissions } from './components/ExtrinsicsPermissions';
+import { PermissionSummary } from './components/PermissionSummary';
+import { PortfoliosPermissions } from './components/PortfoliosPermissions';
+import { IPermissionFormData } from './constants';
+import { useAddPermissionModal } from './hooks';
 import {
-  ModalHeader,
-  StepIndicator,
   DocumentationSection,
   ModalContent,
   ModalFooter,
-  TabContainer,
-  Tabs,
+  ModalHeader,
+  StepIndicator,
+  StyledDocumentation,
   Tab,
+  TabContainer,
   TabContent,
-  StyledDocumentation,
+  Tabs,
 } from './styles';
-import { EPermissionStep, EPermissionTab } from '../../constants';
-import { useAddPermissionModal } from './hooks';
-import { IPermissionFormData } from './constants';
-import { AssetsPermissions } from './components/AssetsPermissions';
-import { ExtrinsicsPermissions } from './components/ExtrinsicsPermissions';
-import { PortfoliosPermissions } from './components/PortfoliosPermissions';
-import { PermissionSummary } from './components/PermissionSummary';
 
 interface IEditPermissionsModalProps {
   onClose: () => void;

src/layouts/SecondaryKeys/components/NoSecondaryKeysView/index.tsx

@@ -3,11 +3,11 @@ import { PATHS } from '~/constants/routes';
 import {
   StyledContainer,
   StyledIcon,
-  StyledTitle,
   StyledInfo,
   StyledLink,
   StyledLinkGroup,
   StyledNavLink,
+  StyledTitle,
 } from './styles';
 
 export const NoSecondaryKeysView = () => (