From 74c45f93ad6c605445f4b99e339b90b8c47914ca Mon Sep 17 00:00:00 2001
From: "J. Ryan Stinnett" <jryans@gmail.com>
Date: Thu, 29 Oct 2020 15:13:37 +0000
Subject: [PATCH] Rename Toggle component to Details

It's much more like a details / disclosure view you can expand than a typically
toggle switch.
---
 src/components/{Toggle.scss => Details.scss} | 2 +-
 src/components/{Toggle.tsx => Details.tsx}   | 8 ++++----
 src/components/InviteTile.tsx                | 4 ++--
 src/components/LinkPreview.tsx               | 6 +++---
 4 files changed, 10 insertions(+), 10 deletions(-)
 rename src/components/{Toggle.scss => Details.scss} (98%)
 rename src/components/{Toggle.tsx => Details.tsx} (85%)

diff --git a/src/components/Toggle.scss b/src/components/Details.scss
similarity index 98%
rename from src/components/Toggle.scss
rename to src/components/Details.scss
index 7bfd284..8fc8e6f 100644
--- a/src/components/Toggle.scss
+++ b/src/components/Details.scss
@@ -16,7 +16,7 @@ limitations under the License.
 
 @import '../mixins';
 
-.toggle {
+.details {
     display: flex;
 
     > :first-child {
diff --git a/src/components/Toggle.tsx b/src/components/Details.tsx
similarity index 85%
rename from src/components/Toggle.tsx
rename to src/components/Details.tsx
index 496a758..afa91d8 100644
--- a/src/components/Toggle.tsx
+++ b/src/components/Details.tsx
@@ -18,18 +18,18 @@ import React from 'react';
 
 import chevron from '../imgs/chevron-down.svg';
 
-import './Toggle.scss';
+import './Details.scss';
 
 interface IProps extends React.InputHTMLAttributes<Element> {
     children?: React.ReactNode;
 }
 
-const Toggle: React.FC<IProps> = ({ children, ...props }: IProps) => (
-    <label className="toggle">
+const Details: React.FC<IProps> = ({ children, ...props }: IProps) => (
+    <label className="details">
         {children}
         <input type="checkbox" {...props} />
         <img src={chevron} alt="" />
     </label>
 );
 
-export default Toggle;
+export default Details;
diff --git a/src/components/InviteTile.tsx b/src/components/InviteTile.tsx
index 06357b7..76e8ef4 100644
--- a/src/components/InviteTile.tsx
+++ b/src/components/InviteTile.tsx
@@ -63,7 +63,7 @@ const InviteTile: React.FC<IProps> = ({ children, client, link }: IProps) => {
                 break;
         }
 
-        const advancedToggle = (
+        const advancedButton = (
             <p>
                 {inviteUseString}
                 <TextButton
@@ -77,7 +77,7 @@ const InviteTile: React.FC<IProps> = ({ children, client, link }: IProps) => {
         invite = (
             <>
                 {invite}
-                {advancedToggle}
+                {advancedButton}
             </>
         );
     }
diff --git a/src/components/LinkPreview.tsx b/src/components/LinkPreview.tsx
index 37557e7..e5355ef 100644
--- a/src/components/LinkPreview.tsx
+++ b/src/components/LinkPreview.tsx
@@ -25,7 +25,7 @@ import EventPreview from './EventPreview';
 import GroupPreview from './GroupPreview';
 import HomeserverOptions from './HomeserverOptions';
 import DefaultPreview from './DefaultPreview';
-import Toggle from './Toggle';
+import Details from './Details';
 import { clientMap } from '../clients';
 import {
     getRoomFromId,
@@ -133,7 +133,7 @@ const LinkPreview: React.FC<IProps> = ({ link }: IProps) => {
         content = (
             <>
                 <DefaultPreview link={link} />
-                <Toggle
+                <Details
                     checked={showHSOptions}
                     onChange={(): void => setShowHSOPtions(!showHSOptions)}
                 >
@@ -143,7 +143,7 @@ const LinkPreview: React.FC<IProps> = ({ link }: IProps) => {
                             {link.identifier}
                         </span>
                     </span>
-                </Toggle>
+                </Details>
             </>
         );
         if (showHSOptions) {