feat: Extend apps with further data

packages/web/src/pages/Application/index.tsx

@@ -38,7 +38,7 @@ export default function Application() {
         <Container>
           <Grid container sx={{ mb: 3 }}>
             <Grid item xs="auto" sx={{ mr: 1.5 }}>
-              <AppIcon url={app.iconUrl} name={app.name} />
+              <AppIcon url={app.iconUrl} color={app.primaryColor} name={app.name} />
             </Grid>
 
             <Grid item xs>
@@ -95,7 +95,7 @@ export default function Application() {
       </Box>
 
       <Route exact path={URLS.APP_ADD_CONNECTION_PATTERN}>
-        <AddAppConnection onClose={goToApplicationPage} />
+        <AddAppConnection onClose={goToApplicationPage} application={app} />
       </Route>
     </>
   );

packages/web/src/pages/Applications/index.tsx

@@ -8,8 +8,8 @@ import PageTitle from 'components/PageTitle';
 import AppRow from 'components/AppRow';
 import SearchInput from 'components/SearchInput';
 import * as URLS from 'config/urls';
-
 import { GET_APPS } from 'graphql/queries/get-apps';
+import type { App } from 'types/app';
 
 export default function Applications() {
   const [appName, setAppName] = useState(null);
@@ -32,8 +32,8 @@ export default function Applications() {
           </Grid>
         </Grid>
 
-        {data?.getApps?.map((name: string) => (
-          <AppRow key={name} name={name} to={URLS.APP(name)} />
+        {data?.getApps?.map((app: App) => (
+          <AppRow key={app.name} application={app} />
         ))}
       </Container>
     </Box>