show fqdn and git repo on nginx list - closes #289

Signed-off-by: Marcin Fabrykowski <git@fabrykowski.pl>

app/src/components/apps/appNginxList.jsx

@@ -8,8 +8,14 @@ function AppNginxList (props) {
   function loadApps () {
     const query = JSON.stringify({
       query: ` {
-                        nginx(org: "${props.org}") {                                    name,
+                        nginx(org: "${props.org}") {
+                                    name,
                                     org,
+                                    fqdn,
+                                    git {
+                                        repo,
+                                        branch
+                                    }
                                 },
                         }`
     })
@@ -30,6 +36,12 @@ function AppNginxList (props) {
                     <td>{ index }</td>
                     <td>{ app.name }</td>
                     <td>{ app.org }</td>
+                    <td>
+                      { app.fqdn ? app.fqdn : '' }
+                    </td>
+                    <td>
+                      { app.git ? app.git.repo + ' / ' + app.git.branch : '' }
+                    </td>
                 </tr>
         )))
         return 0
@@ -52,6 +64,8 @@ function AppNginxList (props) {
             <th>Id</th>
             <th>Name</th>
             <th>Org</th>
+            <th>Fqdn</th>
+            <th>Git</th>
           </tr></thead>
           <tbody>
           {apps}

app/src/components/apps/appNginxList.test.jsx

@@ -11,11 +11,18 @@ test('list nginx apps', async () => {
         nginx: [
           {
             name: 'example-app1',
-            org: 'test-org'
+            org: 'test-org',
+            git: null,
+            fqdn: null
           },
           {
             name: 'example-app2',
-            org: 'test-org'
+            org: 'test-org',
+            fqdn: 'www.test.pl',
+            git: {
+              repo: 'https://github.com/test/test.git',
+              branch: 'devel'
+            }
           }
         ]
 
@@ -28,4 +35,6 @@ test('list nginx apps', async () => {
   render(<AppNginxList org='test-org'/>)
   await waitFor(() => expect(screen.getByText('example-app1')).toBeInTheDocument)
   await waitFor(() => expect(screen.getByText('example-app2')).toBeInTheDocument)
+  await waitFor(() => expect(screen.getByText('www.test.pl')).toBeInTheDocument)
+  await waitFor(() => expect(screen.getByText('https://github.com/test/test.git / devel')).toBeInTheDocument)
 })