refactor

src/features/IndexPage/components/Technologies/Technologies.js

@@ -50,17 +50,6 @@ function Technologies() {
             <Technology fixed={findIcon('technologies/go.png')} name="Go" />
           </div>
           <div className={classes.hide} />
-          <div>
-            <Technology
-              fixed={findIcon('technologies/html5.png')}
-              name="HTML"
-            />
-          </div>
-          <div className={classes.hide} />
-          <div>
-            <Technology fixed={findIcon('technologies/css.png')} name="CSS" />
-          </div>
-          <div className={classes.hide} />
           <div>
             <Technology
               fixed={findIcon('technologies/js.png')}
@@ -75,6 +64,20 @@ function Technologies() {
             />
           </div>
           <div className={classes.hide} />
+          <div>
+            <Technology
+              fixed={findIcon('technologies/node.png')}
+              name="Node.js"
+            />
+          </div>
+          <div className={classes.hide} />
+          <div>
+            <Technology
+              fixed={findIcon('technologies/nest.png')}
+              name="NestJS"
+            />
+          </div>
+          <div className={classes.hide} />
           <div>
             <Technology
               fixed={findIcon('technologies/react.png')}
@@ -85,8 +88,8 @@ function Technologies() {
 
           <div>
             <Technology
-              fixed={findIcon('technologies/rmq.png')}
+              fixed={findIcon('technologies/postgresql.png')}
-              name="RabbitMQ"
+              name="PostgreSQL"
             />
           </div>
           <div className={classes.hide} />
@@ -99,15 +102,8 @@ function Technologies() {
           <div className={classes.hide} />
           <div>
             <Technology
-              fixed={findIcon('technologies/postgresql.png')}
+              fixed={findIcon('technologies/rmq.png')}
-              name="PostgreSQL"
+              name="RabbitMQ"
-            />
-          </div>
-          <div className={classes.hide} />
-          <div>
-            <Technology
-              fixed={findIcon('technologies/sentry.png')}
-              name="Sentry"
             />
           </div>
           <div className={classes.hide} />
@@ -115,20 +111,12 @@ function Technologies() {
             <Technology fixed={findIcon('technologies/git.png')} name="Git" />
           </div>
           <div className={classes.hide} />
-          <div>
-            <Technology
-              fixed={findIcon('technologies/jaeger.png')}
-              name="Jaeger"
-            />
-          </div>
-          <div className={classes.hide} />
           <div>
             <Technology
               fixed={findIcon('technologies/graphql.png')}
               name="GraphQL"
             />
           </div>
-
           <div className={classes.hide} />
           <div>
             <Technology
@@ -143,6 +131,7 @@ function Technologies() {
               name="Docker"
             />
           </div>
+
           <div className={classes.hide} />
           <div>
             <Technology
@@ -171,6 +160,20 @@ function Technologies() {
               name="Grafana"
             />
           </div>
+          <div className={classes.hide} />
+          <div>
+            <Technology
+              fixed={findIcon('technologies/jaeger.png')}
+              name="Jaeger"
+            />
+          </div>
+          <div className={classes.hide} />
+          <div>
+            <Technology
+              fixed={findIcon('technologies/sentry.png')}
+              name="Sentry"
+            />
+          </div>
         </div>
       </Container>
     </Section>