From 1a4991c6f937eee05e91d88d779ecba0c7722290 Mon Sep 17 00:00:00 2001
From: Alex Gleason <alex@alexgleason.me>
Date: Fri, 6 May 2022 14:55:16 -0500
Subject: [PATCH] Move Toggle to components/ui

---
 app/soapbox/components/ui/index.ts                             | 1 +
 app/soapbox/components/{ => ui/toggle}/toggle.tsx              | 2 +-
 app/soapbox/features/edit_profile/index.tsx                    | 3 +--
 .../features/notifications/components/setting_toggle.tsx       | 2 +-
 app/soapbox/features/soapbox_config/index.tsx                  | 2 +-
 5 files changed, 5 insertions(+), 5 deletions(-)
 rename app/soapbox/components/{ => ui/toggle}/toggle.tsx (81%)

diff --git a/app/soapbox/components/ui/index.ts b/app/soapbox/components/ui/index.ts
index dd92354cf..9bbc4ad87 100644
--- a/app/soapbox/components/ui/index.ts
+++ b/app/soapbox/components/ui/index.ts
@@ -30,5 +30,6 @@ export { default as Stack } from './stack/stack';
 export { default as Tabs } from './tabs/tabs';
 export { default as Text } from './text/text';
 export { default as Textarea } from './textarea/textarea';
+export { default as Toggle } from './toggle/toggle';
 export { default as Tooltip } from './tooltip/tooltip';
 export { default as Widget } from './widget/widget';
diff --git a/app/soapbox/components/toggle.tsx b/app/soapbox/components/ui/toggle/toggle.tsx
similarity index 81%
rename from app/soapbox/components/toggle.tsx
rename to app/soapbox/components/ui/toggle/toggle.tsx
index 32b286efa..466a207f8 100644
--- a/app/soapbox/components/toggle.tsx
+++ b/app/soapbox/components/ui/toggle/toggle.tsx
@@ -1,7 +1,7 @@
 import React from 'react';
 import ReactToggle, { ToggleProps } from 'react-toggle';
 
-/** Wrapper around react-toggle. */
+/** A glorified checkbox. Wrapper around react-toggle. */
 const Toggle: React.FC<ToggleProps> = ({ icons = false, ...rest }) => {
   return (
     <ReactToggle
diff --git a/app/soapbox/features/edit_profile/index.tsx b/app/soapbox/features/edit_profile/index.tsx
index 1b6cf7e62..a8af56390 100644
--- a/app/soapbox/features/edit_profile/index.tsx
+++ b/app/soapbox/features/edit_profile/index.tsx
@@ -5,12 +5,11 @@ import { updateNotificationSettings } from 'soapbox/actions/accounts';
 import { patchMe } from 'soapbox/actions/me';
 import snackbar from 'soapbox/actions/snackbar';
 import List, { ListItem } from 'soapbox/components/list';
-import Toggle from 'soapbox/components/toggle';
 import { useAppSelector, useAppDispatch, useOwnAccount, useFeatures } from 'soapbox/hooks';
 import { normalizeAccount } from 'soapbox/normalizers';
 import resizeImage from 'soapbox/utils/resize_image';
 
-import { Button, Column, Form, FormActions, FormGroup, Input, Textarea, HStack } from '../../components/ui';
+import { Button, Column, Form, FormActions, FormGroup, Input, Textarea, HStack, Toggle } from '../../components/ui';
 import Streamfield, { StreamfieldComponent } from '../../components/ui/streamfield/streamfield';
 
 import ProfilePreview from './components/profile-preview';
diff --git a/app/soapbox/features/notifications/components/setting_toggle.tsx b/app/soapbox/features/notifications/components/setting_toggle.tsx
index 76959bf06..3cd9c65a2 100644
--- a/app/soapbox/features/notifications/components/setting_toggle.tsx
+++ b/app/soapbox/features/notifications/components/setting_toggle.tsx
@@ -1,6 +1,6 @@
 import React from 'react';
 
-import Toggle from 'soapbox/components/toggle';
+import { Toggle } from 'soapbox/components/ui';
 
 import type { Map as ImmutableMap } from 'immutable';
 
diff --git a/app/soapbox/features/soapbox_config/index.tsx b/app/soapbox/features/soapbox_config/index.tsx
index a7bd29d58..bd9977ea2 100644
--- a/app/soapbox/features/soapbox_config/index.tsx
+++ b/app/soapbox/features/soapbox_config/index.tsx
@@ -6,7 +6,6 @@ import { updateConfig } from 'soapbox/actions/admin';
 import { uploadMedia } from 'soapbox/actions/media';
 import snackbar from 'soapbox/actions/snackbar';
 import List, { ListItem } from 'soapbox/components/list';
-import Toggle from 'soapbox/components/toggle';
 import {
   Column,
   CardHeader,
@@ -17,6 +16,7 @@ import {
   Input,
   Textarea,
   Button,
+  Toggle,
 } from 'soapbox/components/ui';
 import Streamfield from 'soapbox/components/ui/streamfield/streamfield';
 import ThemeSelector from 'soapbox/features/ui/components/theme-selector';