diff --git a/src/components/common/input/Styled.ts b/src/components/common/input/Styled.ts index 99da6ed..8a54ce8 100644 --- a/src/components/common/input/Styled.ts +++ b/src/components/common/input/Styled.ts @@ -11,7 +11,11 @@ export const Label = styled.label` color: #ffffff; `; -export const StyledInput = styled.input<{ $hasError?: boolean; $noMargin?: boolean; $showingCharCount?: boolean }>` +export const StyledInput = styled.input<{ + $hasError?: boolean; + $noMargin?: boolean; + $showingCharCount?: boolean; +}>` width: 100%; height: 40px; padding: 0 12px; @@ -26,7 +30,7 @@ export const StyledInput = styled.input<{ $hasError?: boolean; $noMargin?: boole border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; box-sizing: border-box; - margin-bottom: ${props => { + margin-bottom: ${(props) => { if (props.$noMargin) return '0'; if (props.$showingCharCount) return '0'; return '0.5rem'; @@ -68,10 +72,13 @@ export const ErrorMessage = styled.span` margin-top: 0.25rem; `; -export const InputContainer = styled.div<{ noMargin?: boolean; showingCharCount?: boolean }>` +export const InputContainer = styled.div<{ + noMargin?: boolean; + showingCharCount?: boolean; +}>` display: flex; flex-direction: column; - margin-bottom: ${props => { + margin-bottom: ${(props) => { if (props.noMargin) return '0'; if (props.showingCharCount) return '0'; return '1rem'; diff --git a/src/components/common/input/index.tsx b/src/components/common/input/index.tsx index b9141ff..b75c6e2 100644 --- a/src/components/common/input/index.tsx +++ b/src/components/common/input/index.tsx @@ -7,11 +7,20 @@ interface InputProps extends React.InputHTMLAttributes { showingCharCount?: boolean; } -const Input: React.FC = ({ label, noMargin, showingCharCount, ...props }) => { +const Input: React.FC = ({ + label, + noMargin, + showingCharCount, + ...props +}) => { return ( - + ); }; diff --git a/src/components/common/popup/Styled.ts b/src/components/common/popup/Styled.ts index 642bacf..2771138 100644 --- a/src/components/common/popup/Styled.ts +++ b/src/components/common/popup/Styled.ts @@ -44,7 +44,7 @@ export const ErrorMessage = styled.p` export const CharacterCount = styled.small<{ warning: boolean }>` display: block; - color: ${props => props.warning ? 'orange' : 'inherit'}; + color: ${(props) => (props.warning ? 'orange' : 'inherit')}; font-style: italic; margin-bottom: 1rem; `; diff --git a/src/components/node/nodeInitPopup/index.tsx b/src/components/node/nodeInitPopup/index.tsx index b6f4740..5281853 100644 --- a/src/components/node/nodeInitPopup/index.tsx +++ b/src/components/node/nodeInitPopup/index.tsx @@ -21,7 +21,9 @@ interface NodeInitializationPopupProps { handleNodeSelect: (nodeName: string) => void; } -const NodeInitializationPopup: React.FC = ({...props}) => { +const NodeInitializationPopup: React.FC = ({ + ...props +}) => { const [nodeName, setNodeName] = useState(''); const [serverPort, setServerPort] = useState(''); const [swarmPort, setSwarmPort] = useState(''); @@ -49,7 +51,7 @@ const NodeInitializationPopup: React.FC = ({...pro setTimeout(() => { props.handleNodeSelect(nodeName); props.onClose(); - }, 1500); + }, 1500); } else { setMessage('Error: ' + response.message); } diff --git a/src/components/node/nodeOperations/Styled.ts b/src/components/node/nodeOperations/Styled.ts index 0d60191..9bb7ba3 100644 --- a/src/components/node/nodeOperations/Styled.ts +++ b/src/components/node/nodeOperations/Styled.ts @@ -42,12 +42,12 @@ export const Tab = styled.div<{ active: boolean }>` cursor: pointer; // border: 1px solid #ccc; border-bottom: none; - background-color: ${props => props.active ? '#000000' : '#2c2c2c'}; - font-weight: ${props => props.active ? 'bold' : 'normal'}; + background-color: ${(props) => (props.active ? '#000000' : '#2c2c2c')}; + font-weight: ${(props) => (props.active ? 'bold' : 'normal')}; border-radius: 5px 5px 0 0; margin-right: 5px; &:hover { background-color: #000000; } -`; \ No newline at end of file +`; diff --git a/src/components/node/nodeOperations/index.tsx b/src/components/node/nodeOperations/index.tsx index fdaad4f..24579ac 100644 --- a/src/components/node/nodeOperations/index.tsx +++ b/src/components/node/nodeOperations/index.tsx @@ -97,10 +97,7 @@ const NodeOperations: React.FC = ({ ...props }) => { > Node Logs - + Admin Dashboard