|
1 |
| -<<<<<<< HEAD |
2 | 1 | import React, { useState } from 'react'
|
3 | 2 | import ReactDOM from 'react-dom'
|
4 | 3 | import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'
|
@@ -50,67 +49,3 @@ function App() {
|
50 | 49 |
|
51 | 50 | const rootElement = document.getElementById('root')
|
52 | 51 | ReactDOM.render(<App />, rootElement)
|
53 |
| -======= |
54 |
| -import React, { useState } from "react"; |
55 |
| -import ReactDOM from "react-dom"; |
56 |
| -import { FontAwesomeIcon } from "@fortawesome/react-fontawesome"; |
57 |
| -import { |
58 |
| - faBars, |
59 |
| - faTimes, |
60 |
| - faCogs, |
61 |
| - faTable, |
62 |
| - faList, |
63 |
| - faUser |
64 |
| -} from "@fortawesome/free-solid-svg-icons"; |
65 |
| - |
66 |
| -import "./styles.css"; |
67 |
| - |
68 |
| -function App() { |
69 |
| - const [isOpen, setIsOpen] = useState(false); |
70 |
| - |
71 |
| - const handleTrigger = () => setIsOpen(!isOpen); |
72 |
| - |
73 |
| - return ( |
74 |
| - <div className="App"> |
75 |
| - <div className="page"> |
76 |
| - <div className="content"> |
77 |
| - <a |
78 |
| - target="_blank" |
79 |
| - rel="noopener noreferrer" |
80 |
| - href="https://codepen.io/mejdej93/pen/eYYJGjd" |
81 |
| - > |
82 |
| - original Pen |
83 |
| - </a> |
84 |
| - </div> |
85 |
| - |
86 |
| - <div className={`sidebar ${isOpen ? "sidebar--open" : ""}`}> |
87 |
| - <div className="trigger" onClick={handleTrigger}> |
88 |
| - <FontAwesomeIcon icon={isOpen ? faTimes : faBars} /> |
89 |
| - </div> |
90 |
| - |
91 |
| - <div className="sidebar-position"> |
92 |
| - <FontAwesomeIcon icon={faUser} /> |
93 |
| - <span>Home</span> |
94 |
| - </div> |
95 |
| - <div className="sidebar-position"> |
96 |
| - <FontAwesomeIcon icon={faCogs} /> |
97 |
| - <span>Menu item 2</span> |
98 |
| - </div> |
99 |
| - <div className="sidebar-position"> |
100 |
| - <FontAwesomeIcon icon={faTable} /> |
101 |
| - <span>Menu item 3</span> |
102 |
| - </div> |
103 |
| - |
104 |
| - <div className="sidebar-position"> |
105 |
| - <FontAwesomeIcon icon={faList} /> |
106 |
| - <span>Position 4</span> |
107 |
| - </div> |
108 |
| - </div> |
109 |
| - </div> |
110 |
| - </div> |
111 |
| - ); |
112 |
| -} |
113 |
| - |
114 |
| -const rootElement = document.getElementById("root"); |
115 |
| -ReactDOM.render(<App />, rootElement); |
116 |
| ->>>>>>> a5347c07e3147f8be046a12aaa589f4218a65a68 |
0 commit comments