From 758e7d7de95f952df1f64919313eb2f5dd329e08 Mon Sep 17 00:00:00 2001
From: jongomez <jon.olive.gomez@gmail.com>
Date: Fri, 20 Oct 2023 13:45:14 +0100
Subject: [PATCH] feat: adds by label next to author names

---
 src/components/Authors/Authors.tsx | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/src/components/Authors/Authors.tsx b/src/components/Authors/Authors.tsx
index d8d0e18..42138bf 100644
--- a/src/components/Authors/Authors.tsx
+++ b/src/components/Authors/Authors.tsx
@@ -1,3 +1,4 @@
+import { Typography } from '@acid-info/lsd-react'
 import styled from '@emotion/styled'
 import { LPE } from '../../types/lpe.types'
 import { DotIcon } from '../Icons/DotIcon'
@@ -24,6 +25,9 @@ const Authors: React.FC<AuthorsProps> = ({
 }) => {
   return authors?.length > 0 ? (
     <AuthorsContainer gap={gap} flexDirection={flexDirection} {...props}>
+      <Typography variant="label2" style={{ marginRight: `${3 - gap}px` }}>
+        by
+      </Typography>
       {authors.map((author, index) => (
         <AuthorContainer gap={gap} key={author.name}>
           <Author author={author} email={email} />