initial commit

src/App.css

@@ -1,38 +0,0 @@
-.App {
- text-align: center;
-}
-
-.App-logo {
- height: 40vmin;
- pointer-events: none;
-}
-
-@media (prefers-reduced-motion: no-preference) {
- .App-logo {
- animation: App-logo-spin infinite 20s linear;
- }
-}
-
-.App-header {
- background-color: #282c34;
- min-height: 100vh;
- display: flex;
- flex-direction: column;
- align-items: center;
- justify-content: center;
- font-size: calc(10px + 2vmin);
- color: white;
-}
-
-.App-link {
- color: #61dafb;
-}
-
-@keyframes App-logo-spin {
- from {
- transform: rotate(0deg);
- }
- to {
- transform: rotate(360deg);
- }
-}

src/App.js

@@ -1,25 +1,30 @@
-import logo from './logo.svg';
 import './App.css';
 
+const medicines = [
+ { drugName: "Morphine 1st Line"},
+ { drugName: "Diamorphine" },
+ { drugName: "Haloperidol" },
+ { drugName: "Metoclopramide" },
+ { drugName: "Cyclizine" },
+ { drugName: "Levomepromazine" },
+ { drugName: "Midazolam" },
+ { drugName: "Haloperidol" },
+ { drugName: "Levomepromazine" },
+ { drugName: "Hyoscine Butylbromide" },
+ { drugName: "Hyoscine Hydrobromide" },
+]
+
 function App() {
  return (
- <div className="App">
- <header className="App-header">
- <img src={logo} className="App-logo" alt="logo" />
- <p>
- Edit <code>src/App.js</code> and save to reload.
- </p>
- <a
- className="App-link"
- href="https://reactjs.org"
- target="_blank"
- rel="noopener noreferrer"
- >
- Learn React
- </a>
- </header>
- </div>
+
+ <div>
+ <select>
+ {medicines.map(o => <option value={o.drugName}>{o.drugName}</option>)}
+ </select>
+ </div>
+
  );
 }
 
 export default App;
+

src/index.js

@@ -1,17 +1,10 @@
 import React from 'react';
 import ReactDOM from 'react-dom';
-import './index.css';
 import App from './App';
-import reportWebVitals from './reportWebVitals';
 
 ReactDOM.render(
  <React.StrictMode>
  <App />
  </React.StrictMode>,
  document.getElementById('root')
 );
-
-// If you want to start measuring performance in your app, pass a function
-// to log results (for example: reportWebVitals(console.log))
-// or send to an analytics endpoint. Learn more: https://bit.ly/CRA-vitals
-reportWebVitals();