Move the list into another component (#8)

* Move the list into another component

* Add pull request template

Author: pasindur99

pull_request_template.md

@@ -0,0 +1,8 @@
+## Purpose
+The purpose of this PR is to fix #<issue-number>
+
+## Goals
+<!---  Describe the solutions that this feature/fix will introduce to resolve the problems described above -->
+
+## Screenshots
+<!---  Include an animated GIF or screenshot if the change affects the UI.  -->

src/App.js

@@ -9,24 +9,26 @@ const organisations = [
       id: 6,
       name: "ODEL"
   }
-  
   ]
 
 function App() {
   return (
     <div className="App">
       <header className="App-header">
-        {organisations.map((organisation) => {
-            return (
-              <div key={organisation.id}>
-                {organisation.name}
-              </div>
-            );
-          })
-        }
+        <Organisations />
       </header>
     </div>
   );
 }
 
+function Organisations() {
+  return organisations.map((organisation) => {
+    return (
+      <div key={organisation.id}>
+        {organisation.name}
+      </div>
+    );
+  })
+}
+
 export default App;