diff --git a/src/components/CardBarbeiro/index.tsx b/src/components/CardBarbeiro/index.tsx index fbfd17b..22b8a6c 100644 --- a/src/components/CardBarbeiro/index.tsx +++ b/src/components/CardBarbeiro/index.tsx @@ -1,6 +1,7 @@ import { useEffect, useState } from 'react'; import { BsCalendar, BsClock } from 'react-icons/bs'; +import Avvvatars from 'avvvatars-react'; import { CardBarbeiroProps } from 'types/IComponents'; import { getPhoto } from 'services/get/photo'; @@ -36,21 +37,27 @@ export function CardBarbeiro(props: CardBarbeiroProps) { }, [props.barbeiro]); return ( -
-
- {props.barbeiro?.nome} + <> +
+
+ {photo === '' && props.barbeiro?.avatar_url === null ? ( + + ) : ( + {props.barbeiro?.nome} + )} +
+
+

{name || props.barbeiro?.nome}

+ + + Segunda à Domingo + + + + 8h às 22h + +
-
-

{name || props.barbeiro?.nome}

- - - Segunda à Domingo - - - - 8h às 22h - -
-
+ ); } diff --git a/src/components/CardBarbeiroSelect/index.tsx b/src/components/CardBarbeiroSelect/index.tsx index a5b7a48..0868b22 100644 --- a/src/components/CardBarbeiroSelect/index.tsx +++ b/src/components/CardBarbeiroSelect/index.tsx @@ -1,5 +1,6 @@ import { useEffect, useState } from 'react'; +import Avvvatars from 'avvvatars-react'; import { CardBarbeiroProps } from 'types/IComponents'; import { getPhoto } from 'services/get/photo'; @@ -35,17 +36,23 @@ export function CardBarbeiroSelected(props: CardBarbeiroProps) { }, [props.barbeiro]); return ( -
-
- {props.barbeiro?.nome} + <> +
+
+ {photo === '' && props.barbeiro?.avatar_url === null ? ( + + ) : ( + {props.barbeiro?.nome} + )} +
+
+

{name || props.barbeiro?.nome}

+
-
-

{name || props.barbeiro?.nome}

-
-
+ ); } diff --git a/src/components/Dropzone/index.tsx b/src/components/Dropzone/index.tsx index 6bc03ea..9c34857 100644 --- a/src/components/Dropzone/index.tsx +++ b/src/components/Dropzone/index.tsx @@ -54,7 +54,7 @@ const Dropzone: React.FC = ({ onFileUploaded }) => { /> ) : ( - + )}