chore: replace campaign bar with sponsor bar

Author: lukasbach

packages/docs/src/components/CampaignBar.js

@@ -1,6 +1,5 @@
 import styles from './CampaignBar.module.css';
 import React, { useState, useEffect } from 'react';
-import { Campaign } from '@lukasbach/campaigns-react';
 
 const localStorageKey = 'hide-campaign-bar';
 const days = 1000 * 60 * 60 * 24;
@@ -18,32 +17,21 @@ export default function CampaignBar() {
   }
 
   return (
-    <Campaign
-      dontRenderIfLoading={true}
-      ignore={['react-complex-tree']}
-      changeInterval={30}
-      weighted={true}
-      render={campaign =>
-        campaign && (
-          <div className={styles.bar}>
-            <a href={campaign.url} target="_blank" className={styles.content} title={campaign.long ?? campaign.short}>
-              <div className={styles.alsocheckout}>Also checkout:</div>
-              <div className={styles.title}>{campaign.product}</div>
-              <div className={styles.description}>{campaign.short}</div>
-            </a>
-            <div
-              aria-label="Hide banner"
-              className={styles.close}
-              onClick={() => {
-                setHide(true);
-                localStorage.setItem(localStorageKey, `${Date.now()}`);
-              }}
-            >
-              ×
-            </div>
-          </div>
-        )
-      }
-    />
+    <div className={styles.bar}>
+      <a href="https://github.com/sponsors/lukasbach" target="_blank" className={styles.content} >
+        <div className={styles.alsocheckout}>Github Sponsors</div>
+        <div className={styles.title}>If react-complex-tree provides meaningful value to you, consider supporting its developement and maintanence by sponsoring on Github</div>
+      </a>
+      <div
+        aria-label="Hide banner"
+        className={styles.close}
+        onClick={() => {
+          setHide(true);
+          localStorage.setItem(localStorageKey, `${Date.now()}`);
+        }}
+      >
+        ×
+      </div>
+    </div>
   );
 }