From 13c4948ad2c1a98a0f7ed5aed3a5832ed040b415 Mon Sep 17 00:00:00 2001
From: Alex Gleason <alex@alexgleason.me>
Date: Fri, 25 Mar 2022 15:16:05 -0500
Subject: [PATCH] Restore /crypto/donate page

---
 .../features/crypto_donate/components/site_wallet.tsx  | 10 ++++++----
 app/soapbox/features/crypto_donate/index.js            |  5 ++---
 app/soapbox/features/ui/index.js                       |  4 ++--
 3 files changed, 10 insertions(+), 9 deletions(-)

diff --git a/app/soapbox/features/crypto_donate/components/site_wallet.tsx b/app/soapbox/features/crypto_donate/components/site_wallet.tsx
index dd11db5b2..062f9f78d 100644
--- a/app/soapbox/features/crypto_donate/components/site_wallet.tsx
+++ b/app/soapbox/features/crypto_donate/components/site_wallet.tsx
@@ -18,15 +18,17 @@ const normalizeAddress = (address: Address): Address => {
 };
 
 interface ISiteWallet {
-  limit: number,
+  limit?: number,
 }
 
 const SiteWallet: React.FC<ISiteWallet> = ({ limit }): JSX.Element => {
-  const addresses: ImmutableList<Address> = useSoapboxConfig().get('cryptoAddresses');
-  const coinList = addresses.map(normalizeAddress).take(limit);
+  const addresses: ImmutableList<Address> =
+    useSoapboxConfig().get('cryptoAddresses').map(normalizeAddress);
+
+  const coinList = typeof limit === 'number' ? addresses.take(limit) : addresses;
 
   return (
-    <div className='site-wallet'>
+    <div>
       {coinList.map(coin => (
         <CryptoAddress
           key={coin.get('ticker')}
diff --git a/app/soapbox/features/crypto_donate/index.js b/app/soapbox/features/crypto_donate/index.js
index 747c4df2d..693107c77 100644
--- a/app/soapbox/features/crypto_donate/index.js
+++ b/app/soapbox/features/crypto_donate/index.js
@@ -4,10 +4,9 @@ import ImmutablePureComponent from 'react-immutable-pure-component';
 import { defineMessages, injectIntl, FormattedMessage } from 'react-intl';
 import { connect } from 'react-redux';
 
+import { Column } from 'soapbox/components/ui';
 import Accordion from 'soapbox/features/ui/components/accordion';
 
-import Column from '../ui/components/column';
-
 import SiteWallet from './components/site_wallet';
 
 const messages = defineMessages({
@@ -39,7 +38,7 @@ class CryptoDonate extends ImmutablePureComponent {
     const { explanationBoxExpanded } = this.state;
 
     return (
-      <Column icon='bitcoin' heading={intl.formatMessage(messages.heading)}>
+      <Column label={intl.formatMessage(messages.heading)} withHeader>
         <div className='crypto-donate'>
           <div className='explanation-box'>
             <Accordion
diff --git a/app/soapbox/features/ui/index.js b/app/soapbox/features/ui/index.js
index 0d516fe2f..d2fd18704 100644
--- a/app/soapbox/features/ui/index.js
+++ b/app/soapbox/features/ui/index.js
@@ -102,7 +102,7 @@ import {
   // AwaitingApproval,
   // Reports,
   // ModerationLog,
-  // CryptoDonate,
+  CryptoDonate,
   // ScheduledStatuses,
   // UserIndex,
   // FederationRestrictions,
@@ -347,8 +347,8 @@ class SwitchingColumnsArea extends React.PureComponent {
         <WrappedRoute path='/developers' page={DefaultPage} component={Developers} content={children} />
         <WrappedRoute path='/error' page={EmptyPage} component={IntentionalError} content={children} />
 
-        {/*
         <WrappedRoute path='/donate/crypto' publicRoute page={DefaultPage} component={CryptoDonate} content={children} />
+        {/*
         <WrappedRoute path='/federation_restrictions' publicRoute page={DefaultPage} component={FederationRestrictions} content={children} />
         */}