move documents count between amount and date

spliit-app · Dec 2, 2024 · 44cb800 · 44cb800
1 parent 498337e
commit 44cb800
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 14 deletions.
diff --git a/src/app/groups/[groupId]/expenses/documents-count.tsx b/src/app/groups/[groupId]/expenses/documents-count.tsx
@@ -4,22 +4,18 @@ import { useTranslations } from 'next-intl'
 
 type DocumentCount = {
   documents: ExpenseFormValues['documents']
-  showMidDot: Boolean
 }
-export function DocumentsCount({ documents, showMidDot }: DocumentCount) {
+export function DocumentsCount({ documents }: DocumentCount) {
   const t = useTranslations('ExpenseCard')
   const documentsCount = documents.length
   if (documentsCount === 0) return <></>
   return (
-    <>
-      <div className="flex items-center">
-        <Paperclip className="w-4 h-4 mr-1 mt-0.5 text-muted-foreground" />
-        <span>
-          {documentsCount}{' '}
-          {documentsCount === 1 ? t('attachment') : t('attachments')}
-        </span>
-      </div>
-      {showMidDot ? <span>&nbsp;&middot;&nbsp;</span> : <></>}
-    </>
+    <div className="flex items-center">
+      <Paperclip className="w-4 h-4 mr-1 mt-0.5 text-muted-foreground" />
+      <span>
+        {documentsCount}{' '}
+        {documentsCount === 1 ? t('attachment') : t('attachments')}
+      </span>
+    </div>
   )
 }
diff --git a/src/app/groups/[groupId]/expenses/expense-card.tsx b/src/app/groups/[groupId]/expenses/expense-card.tsx
@@ -76,8 +76,10 @@ export function ExpenseCard({ expense, currency, groupId }: Props) {
         >
           {formatCurrency(currency, expense.amount, locale)}
         </div>
-        <div className="flex items-center text-xs text-muted-foreground">
-          <DocumentsCount documents={expense.documents} showMidDot />
+        <div className="text-xs text-muted-foreground">
+          <DocumentsCount documents={expense.documents} />
+        </div>
+        <div className="text-xs text-muted-foreground">
           {formatDate(expense.expenseDate, locale, { dateStyle: 'medium' })}
         </div>
       </div>