Front/#13/testimonycomponent

[LUISPINTO90]

¿Qué se hizo?

• Se creó componente de Skeleton para cuando haya ausencia de props, para texto e imagen (por si se quieren usar de diferente modo en un futuro o no sé, a lo mejor se puede cambiar por un solo componente Skeleton)
• Se creó el componente de Testimony, el cual se usa de esta manera:

  <Testimony
  userName="Roberto Pedragonosa"
  userPhotoUrl="/svgs/user.svg"
  career="Arquitectura"
  content="Mi experiencia por la licenciatura de Arquitectura fue bastante grata, ya que conocí grandes compañeros como maestros. Las materias te enseñan más de lo que crees."
  heartCount={12}
  commentCount={4}
  imageUrls={["/svgs/user.svg"]}
  createdAt={new Date()}
  />

  así es como se ve:

• Se creó el componente de reactions:
• Se crearon 4 componentes para las diferentes formas de layout de las imagenes: 1 - para una imágen 2 - para dos imágenes 3 - para tres imágenes 4 - para cuatro imágenes o más

¿Cómo probar el componente?

• En app puedes crear una carpeta llamada test/page.tsx
• y agregar el código:

  
  import Testimony from "@/components/Testimony/Testimony";

export default function Page() { return (

); }

[Branyoe]

excelente trabajo viejo, ve unos detalles pero esos se tratarán cuando le agregemos funcionalidad real.

[Branyoe]

Anexo visualización en dispositivos reales

• iphone 13 mini (safari)
• poco f3 (chrome)