initialized donation widget

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>
+  )
+}

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
 }