diff --git a/src/components/CardAboutShelter/CardAboutShelter.tsx b/src/components/CardAboutShelter/CardAboutShelter.tsx index 34525112..6c65543a 100644 --- a/src/components/CardAboutShelter/CardAboutShelter.tsx +++ b/src/components/CardAboutShelter/CardAboutShelter.tsx @@ -7,23 +7,40 @@ import { Smartphone, Building, MapPinned, + Link, } from 'lucide-react'; import { Card } from '../ui/card'; import { ICardAboutShelter } from './types'; import { InfoRow } from './components'; -import { checkAndFormatAddress } from './utils'; +import { checkAndFormatAddress, getShelterNameBeforeSeparator } from './utils'; import { ShelterCategory } from '@/hooks/useShelter/types'; import { Fragment } from 'react/jsx-runtime'; +import { PetsRsShelterServices } from '@/service/petsRsShelter/petsRsShelter.service'; +import { useEffect, useState } from 'react'; const CardAboutShelter = (props: ICardAboutShelter) => { const { shelter } = props; + const [ petsRsShelterUrl, setPetsRsShelterUrl ] = useState(''); const check = (v?: string | number | boolean | null) => { return v !== undefined && v !== null; }; - const formatAddress = checkAndFormatAddress(shelter, false); + const getPetsRsShelterUrl = async (name: string) => { + const cleanShelterName = getShelterNameBeforeSeparator(name); + const data = await PetsRsShelterServices.getByName(cleanShelterName); + const petsRsShelterUrl = data?.id ? `https://petsrs.com.br/abrigo/${data.id}` : 'https://petsrs.com.br/abrigos'; + return petsRsShelterUrl; + }; + + useEffect(() => { + if(shelter.petFriendly) { + getPetsRsShelterUrl(shelter.name).then((url) => setPetsRsShelterUrl(url) ); + } + },[shelter.petFriendly, shelter.name]); + + const formatAddress = checkAndFormatAddress(shelter, false); return (
Sobre o abrigo
@@ -89,6 +106,16 @@ const CardAboutShelter = (props: ICardAboutShelter) => { value={check(shelter.pix) ? `${shelter.pix}` : 'Não informado'} clipboardButton={check(shelter.pix)} /> + {(petsRsShelterUrl != '') ? ( + } + label={ + + Confira o abrigo em petsrs.com.br + + } + /> + ) : ''}
); diff --git a/src/components/CardAboutShelter/utils.ts b/src/components/CardAboutShelter/utils.ts index 58d00b67..39b013a0 100644 --- a/src/components/CardAboutShelter/utils.ts +++ b/src/components/CardAboutShelter/utils.ts @@ -25,4 +25,8 @@ const checkAndFormatAddress = ( ); }; -export { checkAndFormatAddress }; +function getShelterNameBeforeSeparator(input: string): string { + return input.replace(/[(\-[{].*$/, ''); +} + +export { checkAndFormatAddress, getShelterNameBeforeSeparator }; diff --git a/src/service/petsRsShelter/petsRsShelter.service.ts b/src/service/petsRsShelter/petsRsShelter.service.ts new file mode 100644 index 00000000..c5de3871 --- /dev/null +++ b/src/service/petsRsShelter/petsRsShelter.service.ts @@ -0,0 +1,12 @@ +import axios from 'axios'; + +import { IPetsRsShelter } from './types'; + +const PetsRsShelterServices = { + getByName: async (name: string): Promise => { + const { data } = await axios.get(`https://cms.petsrs.com.br/api/abrigos?filters[Nome][$containsi]=${name}`); + return data?.data[0]; + }, +} + +export { PetsRsShelterServices }; diff --git a/src/service/petsRsShelter/types.ts b/src/service/petsRsShelter/types.ts new file mode 100644 index 00000000..30de3cc0 --- /dev/null +++ b/src/service/petsRsShelter/types.ts @@ -0,0 +1,18 @@ +export interface Attributes { + Nome: string; + Endereco: string; + Longitude: string; + Latitude: string; + createdAt: string; + updatedAt: string; + publishedAt: string; + Telefone: string | null; + nome_responsavel: string | null; + instagramUrl: string | null; + observacao: string | null; +} + +export interface IPetsRsShelter { + id: number; + attributes: Attributes; +}