From 8f66479fbb2d53a01153bbd2c5be14e3174ae89e Mon Sep 17 00:00:00 2001
From: Abhinav <abhinavk.grd@gmail.com>
Date: Mon, 20 Jun 2022 16:36:49 +0530
Subject: [PATCH] reoragnise collection share select components

---
 .../publicShare/customSelectComponents.tsx    | 19 -------------------
 .../publicShare/manage/deviceLimit.tsx        |  3 ++-
 .../publicShare/manage/linkExpiry.tsx         |  2 +-
 .../selectComponents/LabelWithDivider.tsx     | 13 +++++++++++++
 .../selectComponents/OptionWithDivider.tsx    | 11 +++++++++++
 5 files changed, 27 insertions(+), 21 deletions(-)
 delete mode 100644 src/components/Collections/CollectionShare/publicShare/customSelectComponents.tsx
 create mode 100644 src/components/Collections/CollectionShare/publicShare/manage/selectComponents/LabelWithDivider.tsx
 create mode 100644 src/components/Collections/CollectionShare/publicShare/manage/selectComponents/OptionWithDivider.tsx

diff --git a/src/components/Collections/CollectionShare/publicShare/customSelectComponents.tsx b/src/components/Collections/CollectionShare/publicShare/customSelectComponents.tsx
deleted file mode 100644
index 769ed8d5b..000000000
--- a/src/components/Collections/CollectionShare/publicShare/customSelectComponents.tsx
+++ /dev/null
@@ -1,19 +0,0 @@
-import React from 'react';
-import { Box, Typography, Divider } from '@mui/material';
-import { components } from 'react-select';
-
-const { Option } = components;
-
-export const OptionWithDivider = (props) => (
-    <Option {...props}>
-        <LabelWithDivider data={props.data} />
-    </Option>
-);
-export const LabelWithDivider = ({ data }) => (
-    <>
-        <Box className="main" px={3} py={1}>
-            <Typography>{data.label}</Typography>
-        </Box>
-        <Divider />
-    </>
-);
diff --git a/src/components/Collections/CollectionShare/publicShare/manage/deviceLimit.tsx b/src/components/Collections/CollectionShare/publicShare/manage/deviceLimit.tsx
index 61b2a3135..15799b457 100644
--- a/src/components/Collections/CollectionShare/publicShare/manage/deviceLimit.tsx
+++ b/src/components/Collections/CollectionShare/publicShare/manage/deviceLimit.tsx
@@ -4,7 +4,8 @@ import Select from 'react-select';
 import { DropdownStyle } from 'styles/dropdown';
 import { getDeviceLimitOptions } from 'utils/collection';
 import constants from 'utils/strings/constants';
-import { OptionWithDivider } from '../customSelectComponents';
+import { OptionWithDivider } from './selectComponents/OptionWithDivider';
+
 export function ManageDeviceLimit({
     publicShareProp,
     collection,
diff --git a/src/components/Collections/CollectionShare/publicShare/manage/linkExpiry.tsx b/src/components/Collections/CollectionShare/publicShare/manage/linkExpiry.tsx
index 7278da50f..e5df177d4 100644
--- a/src/components/Collections/CollectionShare/publicShare/manage/linkExpiry.tsx
+++ b/src/components/Collections/CollectionShare/publicShare/manage/linkExpiry.tsx
@@ -5,7 +5,7 @@ import { linkExpiryStyle } from 'styles/linkExpiry';
 import { shareExpiryOptions } from 'utils/collection';
 import constants from 'utils/strings/constants';
 import { dateStringWithMMH } from 'utils/time';
-import { OptionWithDivider } from '../customSelectComponents';
+import { OptionWithDivider } from './selectComponents/OptionWithDivider';
 
 export function ManageLinkExpiry({
     publicShareProp,
diff --git a/src/components/Collections/CollectionShare/publicShare/manage/selectComponents/LabelWithDivider.tsx b/src/components/Collections/CollectionShare/publicShare/manage/selectComponents/LabelWithDivider.tsx
new file mode 100644
index 000000000..09b3facaa
--- /dev/null
+++ b/src/components/Collections/CollectionShare/publicShare/manage/selectComponents/LabelWithDivider.tsx
@@ -0,0 +1,13 @@
+import React from 'react';
+import { Box, Typography, Divider } from '@mui/material';
+
+export function LabelWithDivider({ data }) {
+    return (
+        <>
+            <Box className="main" px={3} py={1}>
+                <Typography>{data.label}</Typography>
+            </Box>
+            <Divider />
+        </>
+    );
+}
diff --git a/src/components/Collections/CollectionShare/publicShare/manage/selectComponents/OptionWithDivider.tsx b/src/components/Collections/CollectionShare/publicShare/manage/selectComponents/OptionWithDivider.tsx
new file mode 100644
index 000000000..eed09d4f2
--- /dev/null
+++ b/src/components/Collections/CollectionShare/publicShare/manage/selectComponents/OptionWithDivider.tsx
@@ -0,0 +1,11 @@
+import React from 'react';
+import { LabelWithDivider } from './LabelWithDivider';
+import { components } from 'react-select';
+
+const { Option } = components;
+
+export const OptionWithDivider = (props) => (
+    <Option {...props}>
+        <LabelWithDivider data={props.data} />
+    </Option>
+);