From 330da5a072f921049a4715ac203afe8b8e2b09fe Mon Sep 17 00:00:00 2001
From: RadoslavDimchev <RadoslavDimchev111@gmail.com>
Date: Sat, 6 Jan 2024 21:15:22 +0200
Subject: [PATCH] feat: use new constants for stories

---
 src/constants.ts                              |  1 +
 .../ConnectViaIP/InputsRow.stories.tsx        | 31 ++++++++++++-------
 .../ConnectViaIP/PortInput.stories.tsx        | 11 ++++---
 3 files changed, 27 insertions(+), 16 deletions(-)

diff --git a/src/constants.ts b/src/constants.ts
index 5dad5386..a48783b3 100644
--- a/src/constants.ts
+++ b/src/constants.ts
@@ -121,3 +121,4 @@ export const BEACON = 'Beacon'
 export const NODE = 'Node'
 export const VC_PORT = '9000'
 export const BEACON_PORT = '5052'
+export const DEFAULT_ADDRESS = 'http://124.0.0.1'
diff --git a/src/pages/PairDevice/ConnectViaIP/InputsRow.stories.tsx b/src/pages/PairDevice/ConnectViaIP/InputsRow.stories.tsx
index 446becf9..ce68ec17 100644
--- a/src/pages/PairDevice/ConnectViaIP/InputsRow.stories.tsx
+++ b/src/pages/PairDevice/ConnectViaIP/InputsRow.stories.tsx
@@ -2,6 +2,15 @@ import type { Meta, StoryObj } from '@storybook/react'
 import { withRouter } from 'storybook-addon-react-router-v6'
 
 import InputsRow from './InputsRow'
+import {
+  BEACON,
+  BEACON_PORT,
+  DEFAULT_ADDRESS,
+  NODE,
+  VALIDATOR_CLIENT,
+  VC,
+  VC_PORT,
+} from '../../../constants'
 
 const meta = {
   title: 'Pair Device/InputsRow',
@@ -18,19 +27,19 @@ type Story = StoryObj<typeof meta>
 
 export const Node: Story = {
   args: {
-    addressType: 'Node',
-    address: 'http://124.0.0.1',
+    addressType: NODE,
+    address: DEFAULT_ADDRESS,
     port: '',
     portType: '',
   },
 }
 
-export const VC: Story = {
+export const ValidatorClient: Story = {
   args: {
-    addressType: 'Validator Client',
-    portType: 'VC',
-    address: 'http://124.0.0.1',
-    port: '9000',
+    addressType: VALIDATOR_CLIENT,
+    portType: VC,
+    address: DEFAULT_ADDRESS,
+    port: VC_PORT,
     isAdvanced: true,
     isSwitchOn: true,
     isChecked: true,
@@ -39,10 +48,10 @@ export const VC: Story = {
 
 export const Beacon: Story = {
   args: {
-    addressType: 'Beacon',
-    portType: 'Beacon',
-    address: 'http://124.0.0.1',
-    port: '5052',
+    addressType: BEACON,
+    portType: BEACON,
+    address: DEFAULT_ADDRESS,
+    port: BEACON_PORT,
     isAdvanced: true,
     isSwitchOn: true,
     isChecked: true,
diff --git a/src/pages/PairDevice/ConnectViaIP/PortInput.stories.tsx b/src/pages/PairDevice/ConnectViaIP/PortInput.stories.tsx
index 1d6dd830..5d0600b5 100644
--- a/src/pages/PairDevice/ConnectViaIP/PortInput.stories.tsx
+++ b/src/pages/PairDevice/ConnectViaIP/PortInput.stories.tsx
@@ -2,6 +2,7 @@ import type { Meta, StoryObj } from '@storybook/react'
 import { withRouter } from 'storybook-addon-react-router-v6'
 
 import PortInput from './PortInput'
+import { BEACON, BEACON_PORT, VC, VC_PORT } from '../../../constants'
 
 const meta = {
   title: 'Pair Device/PortInput',
@@ -16,16 +17,16 @@ const meta = {
 export default meta
 type Story = StoryObj<typeof meta>
 
-export const VC: Story = {
+export const ValidatorClient: Story = {
   args: {
-    port: '9000',
-    portType: 'VC',
+    port: VC_PORT,
+    portType: VC,
   },
 }
 
 export const Beacon: Story = {
   args: {
-    port: '5052',
-    portType: 'Beacon',
+    port: BEACON_PORT,
+    portType: BEACON,
   },
 }