From cbc3624664ebcc0da913b9b9b02d2bded4d2591b Mon Sep 17 00:00:00 2001
From: zeppi <jessopb@gmail.com>
Date: Thu, 3 Feb 2022 10:13:54 -0500
Subject: [PATCH] rename commentserver files

---
 .../{item-panel.jsx => input-radio-panel.jsx}     | 15 +++++++++------
 .../input-radio-panel-addCommentServer.jsx}       |  6 ++----
 ui/component/settingCommentsServer/view.jsx       |  8 ++++----
 ui/scss/all.scss                                  |  2 +-
 .../{_item-panel.scss => _input-radio-panel.scss} | 12 ++++++------
 5 files changed, 22 insertions(+), 21 deletions(-)
 rename ui/component/common/{item-panel.jsx => input-radio-panel.jsx} (63%)
 rename ui/component/{common/item-panel-input-row.jsx => settingCommentsServer/internal/input-radio-panel-addCommentServer.jsx} (96%)
 rename ui/scss/component/{_item-panel.scss => _input-radio-panel.scss} (84%)

diff --git a/ui/component/common/item-panel.jsx b/ui/component/common/input-radio-panel.jsx
similarity index 63%
rename from ui/component/common/item-panel.jsx
rename to ui/component/common/input-radio-panel.jsx
index b95caf60a..138534c54 100644
--- a/ui/component/common/item-panel.jsx
+++ b/ui/component/common/input-radio-panel.jsx
@@ -18,14 +18,17 @@ type Props = {
   [ https://myserver.com:50001 x (selected)]
  */
 
-const ItemPanel = (props: Props) => {
+const InputTogglePanel = (props: Props) => {
   const { onClick, active, serverDetails, onRemove } = props;
 
   return (
-    <div onClick={() => onClick(serverDetails)} className={classnames('itemPanel', { 'itemPanel--active': active })}>
-      <div className={'itemPanel__details'}>
-        <div className={'itemPanel__name'}>{`${serverDetails.name}`}</div>
-        <div className={'itemPanel__url'}>{`${serverDetails.url}`}</div>
+    <div
+      onClick={() => onClick(serverDetails)}
+      className={classnames('input-toggle-panel', { 'input-toggle-panel--active': active })}
+    >
+      <div className={'input-toggle-panel__details'}>
+        <div className={'input-toggle-panel__name'}>{`${serverDetails.name}`}</div>
+        <div className={'input-toggle-panel__url'}>{`${serverDetails.url}`}</div>
       </div>
       {onRemove && (
         <Button
@@ -40,4 +43,4 @@ const ItemPanel = (props: Props) => {
   );
 };
 
-export default ItemPanel;
+export default InputTogglePanel;
diff --git a/ui/component/common/item-panel-input-row.jsx b/ui/component/settingCommentsServer/internal/input-radio-panel-addCommentServer.jsx
similarity index 96%
rename from ui/component/common/item-panel-input-row.jsx
rename to ui/component/settingCommentsServer/internal/input-radio-panel-addCommentServer.jsx
index 10d71d5a7..ecbec3bce 100644
--- a/ui/component/common/item-panel-input-row.jsx
+++ b/ui/component/settingCommentsServer/internal/input-radio-panel-addCommentServer.jsx
@@ -21,11 +21,9 @@ const isValidServerString = (serverString) => {
   const si = serverString.indexOf('/');
   const pi = serverString.indexOf(':');
   const path = si === -1 ? '' : serverString.slice(si);
-  console.log('path', path);
   const hostMaybePort = si === -1 ? serverString : serverString.slice(0, si);
   const host = pi === -1 ? hostMaybePort : hostMaybePort.slice(0, pi);
   const port = pi === -1 ? '' : hostMaybePort.slice(pi + 1);
-  console.log('port', port);
   const portInt = parseInt(port);
 
   return (
@@ -61,7 +59,7 @@ function ServerInputRow(props: Props) {
 
   return (
     <Form onSubmit={onSubmit}>
-      <div className="itemPanel--input">
+      <div className="input-toggle-panel--input">
         <FormField
           type="text"
           label={__('Name')}
@@ -83,7 +81,7 @@ function ServerInputRow(props: Props) {
           />
         </div>
       </div>
-      <div className="itemPanel--input">
+      <div className="input-toggle-panel--input">
         <FormField
           label={'Use https'}
           name="use_https"
diff --git a/ui/component/settingCommentsServer/view.jsx b/ui/component/settingCommentsServer/view.jsx
index ea17f1239..7ded7fee1 100644
--- a/ui/component/settingCommentsServer/view.jsx
+++ b/ui/component/settingCommentsServer/view.jsx
@@ -2,8 +2,8 @@
 import { COMMENT_SERVER_API } from 'config'; // COMMENT_SERVER_NAME,
 import React from 'react';
 import Comments from 'comments';
-import ItemPanel from 'component/common/item-panel';
-import ItemInputRow from 'component/common/item-panel-input-row';
+import InputTogglePanel from 'component/common/input-radio-panel';
+import ItemInputRow from './internal/input-radio-panel-addCommentServer';
 import Button from 'component/button';
 
 type Props = {
@@ -64,10 +64,10 @@ function SettingCommentsServer(props: Props) {
   return (
     <React.Fragment>
       <div className={'fieldset-section'}>
-        <ItemPanel onClick={handleSelectServer} active={!customServerEnabled} serverDetails={defaultServer} />
+        <InputTogglePanel onClick={handleSelectServer} active={!customServerEnabled} serverDetails={defaultServer} />
         {!!customCommentServers.length && <label>{__('Custom Servers')}</label>}
         {customCommentServers.map((server) => (
-          <ItemPanel
+          <InputTogglePanel
             key={server.url}
             active={customServerEnabled && customServerUrl === server.url}
             onClick={handleSelectServer}
diff --git a/ui/scss/all.scss b/ui/scss/all.scss
index c68b9ab87..6bd60d067 100644
--- a/ui/scss/all.scss
+++ b/ui/scss/all.scss
@@ -68,4 +68,4 @@
 @import 'component/wallet-tip-send';
 @import 'component/swipe-list';
 @import 'component/utils';
-@import 'component/item-panel';
+@import 'component/input-radio-panel';
diff --git a/ui/scss/component/_item-panel.scss b/ui/scss/component/_input-radio-panel.scss
similarity index 84%
rename from ui/scss/component/_item-panel.scss
rename to ui/scss/component/_input-radio-panel.scss
index 7bc53dcd0..1c51e53c3 100644
--- a/ui/scss/component/_item-panel.scss
+++ b/ui/scss/component/_input-radio-panel.scss
@@ -1,4 +1,4 @@
-.itemPanel {
+.input-toggle-panel {
   padding: var(--spacing-m);
   margin-bottom: var(--spacing-m);
   width: 100%;
@@ -16,7 +16,7 @@
   }
 }
 
-.itemPanel__details {
+.input-toggle-panel__details {
   display: flex;
   flex-direction: row;
   flex-wrap: wrap;
@@ -24,20 +24,20 @@
     flex-direction: column;
   }
 }
-.itemPanel__name {
+.input-toggle-panel__name {
   min-width: 100px;
   width: 100px;
 }
-.itemPanel__url {
+.input-toggle-panel__url {
   text-overflow: ellipsis;
 }
 
-.itemPanel--active {
+.input-toggle-panel--active {
   color: var(--color-button-toggle-text);
   background-color: var(--color-button-toggle-bg);
 }
 
-.itemPanel--input {
+.input-toggle-panel--input {
   min-height: var(--spacing-l);
   padding: 0 0 var(--spacing-s) 0;
   fieldset-section,