Skip to content

Commit a30fa34

Browse files
jasonhawkharrisjasonhawkharris
committed
formatting and edits for readability. adds comments where necessary.
1 parent 781c250 commit a30fa34

16 files changed

Lines changed: 9 additions & 342 deletions

File tree

‎src/App.css‎

Lines changed: 0 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -3,7 +3,6 @@
33

44
.App {
55
text-align: center;
6-
/* margin-top: 100px; */
76
background-color: #ffffff;
87
height: 100vh;
98
}
@@ -33,7 +32,6 @@
3332
max-height: 500px;
3433
margin-left: auto;
3534
margin-right: 0px;
36-
/* border: 1px solid black; */
3735
}
3836

3937
.line-break {
@@ -47,11 +45,8 @@
4745
.descriptions-container {
4846
width: 50%;
4947
min-width: 320px;
50-
/* max-width: 460px; */
5148
min-height: 450px;
5249
max-height: 500px;
53-
54-
/* border: 1px solid black; */
5550
}
5651

5752
.logo {

‎src/App.jsx‎

Lines changed: 3 additions & 28 deletions
Original file line numberDiff line numberDiff line change
@@ -6,9 +6,7 @@ import { useRecoilState } from 'recoil';
66
import modeState from './recoil/atoms';
77
import Deployment from './Components/Deployment/Deployment';
88
import Action from './Components/Action/Action';
9-
// import GeneratedURI from './Components/UI/GeneratedURI';
109
import Descriptions from './Components/Descriptions/Descriptions';
11-
// import Or from './Components/UI/Or';
1210
import GeneratedCommand from './Components/Command/GeneratedCommand';
1311

1412
// ANCHOR Images
@@ -50,7 +48,7 @@ function App() {
5048
return (
5149
<div className={`App ${mode === 'dark' && "dark"}`}>
5250
<img
53-
alt={`sourcegraph-logo ${mode === "dark" ? "dark" : "light"}`}
51+
alt={`sourcegraph-logo ${mode === "dark" && "dark"}`}
5452
src={mode === 'dark'
5553
? logo_dark
5654
: logo_light}
@@ -59,13 +57,11 @@ function App() {
5957
{mode === "dark" ? (
6058
<h2 className="subtitle dark">command line generator</h2>
6159
) : (
62-
<h2 className="subtitle">Command Line Generator</h2>
60+
<h2 className="subtitle">command line generator</h2>
6361
)}
6462

6563

6664
<div className="container">
67-
{/* <div className="actions"> */}
68-
6965
{/* USER selects their deployment */}
7066
<div className="deploy-container">
7167
<Deployment
@@ -82,7 +78,7 @@ function App() {
8278
mode={mode}
8379
/>
8480

85-
{/* USER selects the action they want to take */}
81+
{/* USER selects the function they want */}
8682
<Action
8783
selectedDeployment={selectedDeployment}
8884
selectedAction={selectedAction}
@@ -98,24 +94,17 @@ function App() {
9894
/>
9995
</div>
10096

101-
{/* </div> */}
102-
10397
<div className="line-break">
10498
</div>
10599

106100
<div className="descriptions-container">
107-
{/* <Descriptions
108-
selectedDeployment={selectedDeployment}
109-
/> */}
110101
<Descriptions
111102
selectedDeployment={selectedDeployment}
112103
mode={mode}
113104
/>
114105
</div>
115106
</div>
116107

117-
118-
119108
{/* Command generated from the first two options. */}
120109
<div className="user-options-container">
121110
<GeneratedCommand
@@ -128,20 +117,6 @@ function App() {
128117
generatedURI={generatedURI}
129118
mode={mode}
130119
/>
131-
132-
{/* divider */}
133-
{/* <Or /> */}
134-
135-
{/* URI Generated so that user can revisit with the same options selected */}
136-
{/* <GeneratedURI
137-
selectedDeployment={selectedDeployment}
138-
selectedAction={selectedAction}
139-
namespace={namespace}
140-
option={option}
141-
generatedURI={generatedURI}
142-
setGeneratedURI={setGeneratedURI}
143-
mode={mode}
144-
/> */}
145120
</div>
146121
</div>
147122
);

‎src/Components/Action/Action.css‎

Lines changed: 0 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -4,11 +4,9 @@
44
max-width: 325px;
55
min-width: 150px;
66
text-align: left;
7-
/* border: 1px solid black; */
87
}
98

109
.action-option {
1110
margin-top: 10px;
1211
width: 100%;
13-
/* border: 1px solid black; */
1412
}

‎src/Components/Action/Action.jsx‎

Lines changed: 6 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -30,7 +30,7 @@ export default function Action({
3030
return (
3131
<div className="actions-container">
3232

33-
{/* Docker Action Menu */}
33+
{/* Docker Function Menu */}
3434
{selectedDeployment === "Docker" &&
3535
<>
3636
<Dropdown
@@ -53,14 +53,14 @@ export default function Action({
5353
placeholder={dockerMap[selectedAction]["option"]}
5454
value={option}
5555
onChange={(e) => setOption(e.target.value)}
56-
className={`text-input ${mode === 'dark' ? 'dark' : 'light'}`}
56+
className={`text-input ${mode === 'dark' && 'dark'}`}
5757
/>
5858
</div>
5959
}
6060
</>
6161
}
6262

63-
{/* Docker Compose Action Menu */}
63+
{/* Docker Compose Function Menu */}
6464
{selectedDeployment === "Docker Compose" &&
6565
<>
6666
<Dropdown
@@ -84,14 +84,14 @@ export default function Action({
8484
placeholder={dockerComposeMap[selectedAction]["option"]}
8585
value={option}
8686
onChange={(e) => setOption(e.target.value)}
87-
className={`text-input ${mode === 'dark' ? 'dark' : 'light'}`}
87+
className={`text-input ${mode === 'dark' && 'dark'}`}
8888
/>
8989
</div>
9090
}
9191
</>
9292
}
9393

94-
{/* Kubernetes Menu */}
94+
{/* Kubernetes Function Menu */}
9595
{selectedDeployment === "Kubernetes" &&
9696
<>
9797
<Dropdown
@@ -117,7 +117,7 @@ export default function Action({
117117
placeholder={kubernetesMap[selectedAction]["option"]}
118118
value={option}
119119
onChange={(e) => setOption(e.target.value)}
120-
className={`text-input ${mode === 'dark' ? 'dark' : 'light'}`}
120+
className={`text-input ${mode === 'dark' && 'dark'}`}
121121
/>
122122
</div>
123123
}

‎src/Components/Command/GeneratedCommand.css‎

Lines changed: 0 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -6,7 +6,6 @@
66
max-width: 800px;
77
min-width: 550px;
88
margin: auto;
9-
/* border: 1px solid black; */
109
}
1110

1211
.generated-command {
@@ -36,7 +35,6 @@
3635
animation-duration: .4s;
3736
text-align: left;
3837
transition-duration: .4s;
39-
/* border: 1px solid black; */
4038
}
4139

4240
.copied-message.dark {
@@ -51,15 +49,13 @@
5149
display: flex;
5250
flex-flow: row nowrap;
5351
justify-content: space-between;
54-
/* border: 1px solid white; */
5552
}
5653

5754
.btns {
5855
display: flex;
5956
flex-flow: row nowrap;
6057
justify-content: space-between;
6158
width: 36%;
62-
/* border: 1px solid black; */
6359
}
6460

6561
@keyframes fadeIn {

‎src/Components/Deployment/Deployment.css‎

Lines changed: 0 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -2,7 +2,6 @@
22
width: 100%;
33
text-align: left;
44
max-width: 325px;
5-
/* border: 1px solid black; */
65
}
76

87
.deployment-type {
@@ -53,15 +52,11 @@
5352
font-family: "Source Code Pro", monospace;
5453
font-size: 1rem;
5554
color: rgb(47, 47, 47);
56-
/* outline-style: solid; */
5755
outline-color: var(--sg-blurple);
58-
/* padding: 5px; */
5956
padding-left: 8px;
6057
margin-top: 3px;
6158
height: 32px;
6259
width: 97%;
63-
/* max-width: 300px;
64-
min-width: 200px; */
6560
}
6661

6762
.text-input.dark {

‎src/Components/Descriptions/Descriptions.css‎

Lines changed: 0 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -6,7 +6,6 @@
66
}
77

88
.desc-item {
9-
/* border: 1px solid black; */
109
display: flex;
1110
flex-flow: column nowrap;
1211
}

‎src/Components/Descriptions/Descriptions.jsx‎

Lines changed: 0 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -41,7 +41,6 @@ export default function Descriptions({ selectedDeployment, mode }) {
4141
- &nbsp;click to expand
4242
</span>
4343
}
44-
4544
</h4>
4645
{len !== 0 ? (
4746
<div className="desc-list">

‎src/Components/UI/CopyURLBtn.jsx‎

Lines changed: 0 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,3 @@
1-
// import "./CopyURLBtn.css"
2-
31
export default function CopyURLBtn({ selectedAction, mode, copyURL }) {
42
return (
53
<>

‎src/Components/UI/GenerateLink.css‎

Whitespace-only changes.

0 commit comments

Comments
 (0)