From a39e0cfdab327c558e3f6717f5c13aab0a68b1e9 Mon Sep 17 00:00:00 2001
From: Anton Tranelis <mail@antontranelis.de>
Date: Wed, 19 Mar 2025 18:19:36 +0000
Subject: [PATCH] initialized donation widget

---
 .../Subcomponents/CrowdfundingView.tsx        | 23 +++++++++++++++++++
 src/Components/Profile/Templates/FlexView.tsx |  2 ++
 2 files changed, 25 insertions(+)
 create mode 100644 src/Components/Profile/Subcomponents/CrowdfundingView.tsx

diff --git a/src/Components/Profile/Subcomponents/CrowdfundingView.tsx b/src/Components/Profile/Subcomponents/CrowdfundingView.tsx
new file mode 100644
index 00000000..59e6cd22
--- /dev/null
+++ b/src/Components/Profile/Subcomponents/CrowdfundingView.tsx
@@ -0,0 +1,23 @@
+import type { Item } from '#types/Item'
+
+export const CrowdfundingView = ({ item }: { item: Item }) => {
+  return (
+    <div className='tw-mx-6 tw-mb-6'>
+      <div className='tw-card tw-bg-base-200 tw-w-fit tw-shadow-xl'>
+        <div className='tw-stats tw-bg-base-300'>
+          <div className='tw-stat'>
+            <div className='tw-stat-title'>Received</div>
+            <div className='tw-stat-value'>$89,400</div>
+            <div className='tw-stat-desc'>from 12 patrons</div>
+          </div>
+
+          <div className='tw-stat'>
+            <button className='tw-btn tw-btn-primary tw-place-self-center tw-text-white'>
+              Support {item.name}
+            </button>
+          </div>
+        </div>
+      </div>
+    </div>
+  )
+}
diff --git a/src/Components/Profile/Templates/FlexView.tsx b/src/Components/Profile/Templates/FlexView.tsx
index 2d98ec74..7958600e 100644
--- a/src/Components/Profile/Templates/FlexView.tsx
+++ b/src/Components/Profile/Templates/FlexView.tsx
@@ -1,6 +1,7 @@
 /* eslint-disable @typescript-eslint/no-unsafe-assignment */
 
 import { ContactInfoView } from '#components/Profile/Subcomponents/ContactInfoView'
+import { CrowdfundingView } from '#components/Profile/Subcomponents/CrowdfundingView'
 import { GalleryView } from '#components/Profile/Subcomponents/GalleryView'
 import { GroupSubHeaderView } from '#components/Profile/Subcomponents/GroupSubHeaderView'
 import { ProfileStartEndView } from '#components/Profile/Subcomponents/ProfileStartEndView'
@@ -15,6 +16,7 @@ const componentMap = {
   contactInfos: ContactInfoView,
   startEnd: ProfileStartEndView,
   gallery: GalleryView,
+  crowdfundings: CrowdfundingView,
   // weitere Komponenten hier
 }