From 5e2258c2aa721b753ee6bd3f1af054481b80ec88 Mon Sep 17 00:00:00 2001
From: RadoslavDimchev <RadoslavDimchev111@gmail.com>
Date: Wed, 20 Dec 2023 08:55:06 +0200
Subject: [PATCH] fix: delete client address row component and story

---
 .../ConnectViaIP/ClientAddressRow.stories.tsx | 21 -----
 .../ConnectViaIP/ClientAddressRow.tsx         | 87 -------------------
 2 files changed, 108 deletions(-)
 delete mode 100644 src/pages/PairDevice/ConnectViaIP/ClientAddressRow.stories.tsx
 delete mode 100644 src/pages/PairDevice/ConnectViaIP/ClientAddressRow.tsx

diff --git a/src/pages/PairDevice/ConnectViaIP/ClientAddressRow.stories.tsx b/src/pages/PairDevice/ConnectViaIP/ClientAddressRow.stories.tsx
deleted file mode 100644
index 93ddc432..00000000
--- a/src/pages/PairDevice/ConnectViaIP/ClientAddressRow.stories.tsx
+++ /dev/null
@@ -1,21 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/react'
-import { withRouter } from 'storybook-addon-react-router-v6'
-
-import ClientAddressRow from './ClientAddressRow'
-
-const meta = {
-  title: 'Pair Device/ClientAddressRow',
-  component: ClientAddressRow,
-  parameters: {
-    layout: 'centered',
-  },
-  tags: ['autodocs'],
-  decorators: [withRouter],
-} satisfies Meta<typeof ClientAddressRow>
-
-export default meta
-type Story = StoryObj<typeof meta>
-
-export const Page: Story = {
-  args: {},
-}
diff --git a/src/pages/PairDevice/ConnectViaIP/ClientAddressRow.tsx b/src/pages/PairDevice/ConnectViaIP/ClientAddressRow.tsx
deleted file mode 100644
index 5fec41d0..00000000
--- a/src/pages/PairDevice/ConnectViaIP/ClientAddressRow.tsx
+++ /dev/null
@@ -1,87 +0,0 @@
-import { Checkbox, Input, Text } from '@status-im/components'
-import { useState } from 'react'
-import { Stack, Switch, XStack, YStack } from 'tamagui'
-
-const ClientAddressRow = () => {
-  const [isBeaconSwitchOn, setIsBeaconSwitchOn] = useState(false)
-  const [inputAdress, setInputAdress] = useState('')
-  const [vcPort, setVcPort] = useState('')
-  const [isClientAddressChecked, setIsClientAddressChecked] = useState(false)
-
-  return (
-    <YStack>
-      <XStack justifyContent={'space-between'}>
-        <YStack space={'$2'}>
-          <YStack>
-            <Text size={13} color={'#647084'} weight={'semibold'}>
-              {' '}
-              Protocol{' '}
-            </Text>
-            <Text size={11} color={'#647084'} weight={'regular'}>
-              {' '}
-              (HTTP/HTTPS)
-            </Text>
-          </YStack>
-          <Switch
-            size="$1"
-            style={isBeaconSwitchOn ? { backgroundColor: '#2A4AF5' } : { backgroundColor: 'grey' }}
-            checked={isBeaconSwitchOn}
-            onCheckedChange={() => setIsBeaconSwitchOn(prev => !prev)}
-          >
-            <Switch.Thumb
-              style={{
-                right: 7,
-                bottom: 3,
-                backgroundColor: '#fff',
-                height: '16px',
-                width: '16px',
-              }}
-            />
-          </Switch>
-        </YStack>
-        <YStack space={'$2'}>
-          <Text size={11} color={'#647084'} weight={'regular'}>
-            Validator Client Address
-          </Text>
-          <Input
-            placeholder={''}
-            value={inputAdress}
-            onChangeText={e => {
-              setInputAdress(e)
-            }}
-          />
-        </YStack>
-
-        <YStack space={'$2'}>
-          <Text size={11} color={'#647084'} weight={'regular'}>
-            VC Port
-          </Text>
-          <Input
-            placeholder={''}
-            value={vcPort}
-            onChangeText={e => {
-              setVcPort(e)
-            }}
-          />
-        </YStack>
-        <Stack
-          style={{ alignItems: 'center', justifyContent: 'center' }}
-          height={'100%'}
-          marginTop={'10px'}
-          width={'fit-content'}
-        >
-          <Checkbox
-            id="checkforaddress"
-            variant="outline"
-            selected={isClientAddressChecked}
-            onCheckedChange={() => setIsClientAddressChecked(prev => !prev)}
-            size={20}
-          />
-        </Stack>
-      </XStack>
-      <XStack></XStack>
-    </YStack>
-  )
-}
-
-export default ClientAddressRow