Skip to content

Commit

Permalink
feat(CallCenterLink): use common component to link to call center pho…
Browse files Browse the repository at this point in the history
…ne number
  • Loading branch information
Hashs7 committed Nov 6, 2024
1 parent 807fe50 commit 09015a7
Show file tree
Hide file tree
Showing 5 changed files with 24 additions and 19 deletions.
10 changes: 4 additions & 6 deletions src/app/page.tsx
Original file line number Diff line number Diff line change
@@ -1,9 +1,10 @@
import { MapPin, Clock, AlertCircle, Heart, Users, Package, Thermometer, Cross, Navigation } from 'lucide-react';
import { AlertCircle, Clock, Cross, Heart, MapPin, Navigation, Package, Thermometer, Users } from 'lucide-react';

// @ts-expect-error
import PhoneNumberDialog from '@/components/auth/PhoneNumberDialog';

import Image from 'next/image';
import { CallCenterLink } from '@/components/CallCenterLink';

export default function Home() {
const emergencyNumbers = [
Expand Down Expand Up @@ -203,11 +204,8 @@ export default function Home() {
pedir ayuda.
</p>
<p className="mb-2">
Hemos habilitado el número{' '}
<a className="font-bold text-blue-600 hover:text-blue-800" href="tel:+34626675591">
626 675 591
</a>{' '}
para facilitar la petición de ayuda a aquellas personas que encuentren complicado usar la página web.{' '}
Hemos habilitado el número <CallCenterLink /> para facilitar la petición de ayuda a aquellas personas
que encuentren complicado usar la página web.{' '}
</p>
<p className="font-bold">
¡Importante! No saturéis el teléfono si podéis usar la página web, por favor. Si tenéis alguna duda
Expand Down
8 changes: 3 additions & 5 deletions src/app/solicitar-ayuda/page.js
Original file line number Diff line number Diff line change
@@ -1,6 +1,7 @@
import { AlertTriangle } from 'lucide-react';
import Image from 'next/image';
import { Form } from './_components/Form';
import { CallCenterLink } from '@/components/CallCenterLink';

export default function SolicitarAyuda() {
return (
Expand Down Expand Up @@ -28,11 +29,8 @@ export default function SolicitarAyuda() {
pedir ayuda.
</p>
<p className="mb-2">
Hemos habilitado el número{' '}
<a className="font-bold text-blue-600 hover:text-blue-800" href="tel:+34626675591">
626 675 591
</a>{' '}
para facilitar la petición de ayuda a aquellas personas que encuentren complicado usar la página web.{' '}
Hemos habilitado el número <CallCenterLink /> para facilitar la petición de ayuda a aquellas personas
que encuentren complicado usar la página web.{' '}
</p>
<p className="font-bold">
¡Importante! No saturéis el teléfono si podéis usar la página web, por favor. Si tenéis alguna duda
Expand Down
11 changes: 11 additions & 0 deletions src/components/CallCenterLink.tsx
Original file line number Diff line number Diff line change
@@ -0,0 +1,11 @@
import { callCenterPhone } from '@/constants/phoneNumber';

export const CallCenterLink = () => {
const formattedPhone = callCenterPhone.replace(/\s/g, '');

return (
<a className="font-bold text-blue-600 hover:text-blue-800" href={`tel:+34${formattedPhone}`}>
{callCenterPhone}
</a>
);
};
13 changes: 5 additions & 8 deletions src/components/RequestHelp.js
Original file line number Diff line number Diff line change
@@ -1,17 +1,17 @@
'use client';

import { useState, useEffect, useCallback } from 'react';
import { useCallback, useState } from 'react';
import { AlertTriangle, Check, Mail } from 'lucide-react';
import AddressAutocomplete from '@/components/AddressAutocomplete';
import { mapToIdAndLabel, tiposAyudaOptions } from '@/helpers/constants';
import { isValidPhone } from '@/helpers/utils';
import { formatPhoneNumber, isValidPhone } from '@/helpers/utils';
import { helpRequestService } from '@/lib/service';

import { PhoneInput } from '@/components/PhoneInput';
import { formatPhoneNumber } from '@/helpers/utils';
import Image from 'next/image';
import { useRouter } from 'next/navigation';
import { useTowns } from '../context/TownProvider';
import { CallCenterLink } from '@/components/CallCenterLink';

export default function RequestHelp({
data = {},
Expand Down Expand Up @@ -174,11 +174,8 @@ export default function RequestHelp({
pedir ayuda.
</p>
<p className="mb-2">
Hemos habilitado el número{' '}
<a className="font-bold text-blue-600 hover:text-blue-800" href="tel:+34626675591">
626 675 591
</a>{' '}
para facilitar la petición de ayuda a aquellas personas que encuentren complicado usar la página web.{' '}
Hemos habilitado el número <CallCenterLink /> para facilitar la petición de ayuda a aquellas personas
que encuentren complicado usar la página web.{' '}
</p>
<p className="font-bold">
¡Importante! No saturéis el teléfono si podéis usar la página web, por favor. Si tenéis alguna duda
Expand Down
1 change: 1 addition & 0 deletions src/constants/phoneNumber.ts
Original file line number Diff line number Diff line change
@@ -0,0 +1 @@
export const callCenterPhone = '626 675 591';

0 comments on commit 09015a7

Please sign in to comment.