update proxify links in developer pages (#6)

* update proxify links in developer pages

* remove unnecessary commas and semicolons

* rename developer image component

Author: 29avet1

.gitignore

@@ -3,7 +3,6 @@
 .DS_Store
 .AppleDouble
 .LSOverride
-.idea
 
 # Thumbnails
 ._*
@@ -111,3 +110,6 @@ src/api/index.json
 src/examples/data.json
 src/tutorial/data.json
 draft.md
+
+# folders created by IDE
+.idea

src/developers/components/DeveloperCard.vue

@@ -2,7 +2,7 @@
 import { DeveloperProfile } from './type'
 import { truncateTextFromArray } from './utils'
 import { VTIconMapPin } from '@vue/theme'
-import CloudinaryImage from './CloudinaryImage.vue'
+import DeveloperImage from './DeveloperImage.vue'
 import DeveloperProficiencies from './DeveloperProficiencies.vue'
 import DeveloperCompensations from './DeveloperCompensations.vue'
 
@@ -27,7 +27,7 @@ const trimmedDescription = truncateTextFromArray(description, 220)
   >
     <div class="developer-card__header">
       <div v-if="!hero && profileImage" class="developer-card__avatar">
-        <CloudinaryImage
+        <DeveloperImage
           :src="profileImage"
           :alt="name"
           :width="120"
@@ -67,7 +67,7 @@ const trimmedDescription = truncateTextFromArray(description, 220)
     />
 
     <div v-if="hero && profileImage" class="developer-card__image">
-      <CloudinaryImage
+      <DeveloperImage
         :src="profileImage"
         :alt="name"
         :width="526"

src/developers/components/CloudinaryImage.vue renamed to src/developers/components/DeveloperImage.vue

@@ -2,23 +2,23 @@
 import { computed } from 'vue'
 import partnerConfig from '../partnerConfig.js'
 
-const { cloudinaryUrl } = partnerConfig
+const { imageStorageUrl } = partnerConfig
 
 const props = withDefaults(defineProps<{
-  src: string,
-  alt: string,
-  width: number,
-  height: number,
-  quality?: string,
-  crop?: string,
-  faceRecognition?: boolean,
-  loading?: 'lazy' | 'eager',
-  className?: string,
+  src: string
+  alt: string
+  width: number
+  height: number
+  quality?: string
+  crop?: string
+  faceRecognition?: boolean
+  loading?: 'lazy' | 'eager'
+  className?: string
 }>(), {
   quality: 'q_auto:best',
   crop: 'c_fit',
-  faceRecognition: false,
-});
+  faceRecognition: false
+})
 
 const imageSrc = computed(() => {
   const attributes = [
@@ -31,9 +31,9 @@ const imageSrc = computed(() => {
     props.height ? `h_${props.height}` : '',
   ]
     .filter((item) => item !== '')
-    .join(',');
+    .join(',')
 
-  return `${cloudinaryUrl}/${attributes}/v1/${props.src.replace(/^\/+/, '')}`;
+  return `${imageStorageUrl}/${attributes}/v1/${props.src.replace(/^\/+/, '')}`
 })
 </script>
 

src/developers/components/DeveloperLanding.vue

@@ -113,6 +113,4 @@ onMounted(() => {
     right: 48px;
   }
 }
-
-
 </style>

src/developers/components/DeveloperPage.vue

@@ -4,7 +4,7 @@ import partnerConfig from '../partnerConfig.js'
 import { DeveloperProfile } from './type'
 import { generateUTMUrl } from './utils'
 import { VTIconChevronLeft, VTIconMapPin } from '@vue/theme'
-import CloudinaryImage from './CloudinaryImage.vue'
+import DeveloperImage from './DeveloperImage.vue'
 import DeveloperCompensations from './DeveloperCompensations.vue'
 import DeveloperProficiencies from './DeveloperProficiencies.vue'
 import DeveloperProfileDiagram from './DeveloperProfileDiagram.vue'
@@ -36,7 +36,7 @@ const hireUsLink = computed(() => generateUTMUrl(partnerConfig.hireUsButtonUrl,
 
     <div class="developer-page__content">
       <div v-if="profileImage" class="developer-page__profile-image">
-        <CloudinaryImage
+        <DeveloperImage
           :src="profileImage"
           :alt="name"
           :width="592"

src/developers/components/DeveloperPageFooter.vue

@@ -7,7 +7,7 @@ import { generateUTMUrl } from './utils'
 
 const route = useRoute()
 
-const logoLink = computed(() => generateUTMUrl(partnerConfig.websiteUrl, route.path))
+const logoLink = computed(() => generateUTMUrl(partnerConfig.pageFooter.websiteVueLink || partnerConfig.websiteUrl, route.path))
 const hireUsLink = computed(() => generateUTMUrl(partnerConfig.hireUsButtonUrl, route.path))
 const websiteVuePageLink = computed(() => generateUTMUrl(partnerConfig.pageFooter.websiteVueLink, route.path))
 
@@ -38,7 +38,9 @@ const { logo, partnerName } = partnerConfig
 
     <div class="partner-footer__social-links">
       <a v-if="email" :href="`mailto:${email}`">{{ email }}</a>
-      <p v-if="phone">{{ phone }}</p>
+      <br />
+      <a v-if="phone" :href="`tel:${phone}`">{{ phone }}</a>
+      <br />
       <a v-if="websiteVuePageLink" :href="websiteVuePageLink" target="_blank">{{ websiteVueLabel }}</a>
     </div>
 

src/developers/components/type.ts

@@ -1,44 +1,43 @@
 export interface DeveloperExperienceDescription {
-  isGrouped: boolean;
-  content: string | string[];
+  isGrouped: boolean
+  content: string | string[]
 }
-
 export interface DeveloperExperience {
-  id: number;
-  role: string;
-  company: string;
-  startDate: string;
-  endDate: string;
-  period: string;
-  description: DeveloperExperienceDescription[];
-  skills: string[];
+  id: number
+  role: string
+  company: string
+  startDate: string
+  endDate: string
+  period: string
+  description: DeveloperExperienceDescription[]
+  skills: string[]
 }
 
 export interface DeveloperEducation {
-  id: number;
-  degree: string;
-  school: string;
-  startDate: string;
-  endDate: string;
+  id: number
+  degree: string
+  school: string
+  startDate: string
+  endDate: string
 }
 
 export interface DeveloperCompensations {
-  partTime: string;
-  monthly: string;
+  partTime: string
+  monthly: string
 }
 
 export interface DeveloperProfile {
-  id: number;
-  slug: string;
-  name: string;
-  alias: string;
-  description: string[];
-  proficiencies: string[];
-  compensations: DeveloperCompensations;
-  location: string;
-  region: string;
-  experiences?: DeveloperExperience[];
-  education?: DeveloperEducation[];
+  id: number
+  slug: string
+  name: string
+  alias: string
+  description: string[]
+  proficiencies: string[]
+  compensations: DeveloperCompensations
+  location: string
+  region: string
+  experiences?: DeveloperExperience[]
+  education?: DeveloperEducation[]
 }
 
 export interface DeveloperProfiles extends Array<DeveloperProfile> {

src/developers/partnerConfig.js

@@ -7,7 +7,8 @@ const websiteLabel = 'proxify.io'
 const websiteUrl = 'https://proxify.io/'
 const applyUrl = 'https://career.proxify.io/apply'
 const hireUrl = 'https://proxify.io/hire-vuejs'
-const cloudinaryUrl = 'https://res.cloudinary.com/proxify-io/image/upload'
+const vueArticleUrl = 'https://proxify.io/hire-vue-developers'
+const imageStorageUrl = 'https://res.cloudinary.com/proxify-io/image/upload'
 
 
 const partnerConfig = {
@@ -20,8 +21,8 @@ const partnerConfig = {
   websiteUrl: websiteUrl,
   hireUsButtonUrl: hireUrl,
 
-  // Cloudinary storage URL
-  cloudinaryUrl: cloudinaryUrl,
+  // Image storage URL
+  imageStorageUrl: imageStorageUrl,
 
   // Hero Section
   pageHeroBanner: {
@@ -48,8 +49,8 @@ const partnerConfig = {
     text: `This highly vetted developer is brought to you by Vue’s partner:`,
     email: 'vue@proxify.io',
     phone: '+44 20 4614 2667',
-    websiteVueLink: hireUrl,
-    websiteVueLabel: websiteLabel + '/vue'
+    websiteVueLink: vueArticleUrl,
+    websiteVueLabel: websiteLabel + '/hire-vue-developers'
   },
 
   // Diagram sections