fix warning for collateral

src/components/Content/index.tsx

@@ -44,7 +44,7 @@ import {
   useTotalRegistrations,
 } from 'state/stats/hooks'
 
-import { WITHDRAWAL_DELAY } from '../../constants'
+import { WITHDRAWAL_DELAY, COLLATERAL_AMOUNT } from '../../constants'
 
 import StatsTile, { StatsTileProps } from './StatsTile'
 import { ParticleAnimation } from 'utils/particles'
@@ -100,12 +100,9 @@ const Content = () => {
           >
             Register
           </button>
-          <button
-            className="rounded-md px-3 py-2 text-[0.8125rem] font-semibold leading-5 hover:bg-indigo-500"
-            onClick={showClaimConfirmation}
-          >
-            Show
-          </button>
+          <span className='text-xs text-red-400'>
+            { isDisabled ? `You do not have the required collateral to register. Please ensure you have a balance of ${formatEther(COLLATERAL_AMOUNT)} STRAX before trying to register` : null}
+          </span>
         </>
       )
     } else if (userRegistrationStatus === RegistrationStatus.REGISTERED) {