Overview: Opportunities: internship links are linking slugs

Author: antongit

community-app/frontend/src/components/overview/Opportunities.vue

@@ -48,7 +48,7 @@ async function sync(force)
                     <li v-for="(job, index) in store.internships" :key="index" class="list-group-item d-flex flex-nowrap mt-0 mb-0 py-2 link">
                         <NTag size="small" round :bordered="false" class="px-2 mr-3 text-muted">internship</NTag>
                         <NEllipsis :line-clamp="1" :tooltip=false>
-                            <a :href="job.link" target="_blank" @click="(event)=>showBusinessProfile(job.title, event)">
+                            <a :href="job.link" target="_blank" @click.prevent="showBusinessProfile(job.slug)">
                                 {{ job.title }}
                             </a>
                         </NEllipsis>

community-app/frontend/src/components/overview/OpportunitiesStore.js

@@ -58,17 +58,18 @@ async function fetchJobs(){
 
 async function fetchInternships(){
 
-    const url = Constants.GET_COMPANIES+"?fields[]=name&filter[internships][_eq]=true&sort[]=-date_updated";
+    const url = Constants.GET_COMPANIES+"?fields[]=name,slug&filter[internships][_eq]=true&sort[]=-date_updated";
 
     const response = await fetch(url);
 
     if (response.ok)
     {
         const json = await response.json();
-        const companies = json.data?.map((h) => (
+        const companies = json.data?.map((c) => (
             {
-                title: h.name,
-                link: '/business/'+h.name
+                title: c.name,
+                link: '/business/'+c.slug,
+                slug: c.slug
             }
         ));