catarse/catarse.js

View on GitHub
legacy/src/c/projects/publish-by-steps/amount-edit-tips.tsx

Summary

Maintainability
A
0 mins
Test Coverage
import m from 'mithril'

type AmountEditTipsAttrs = {
    show: boolean
}

export class AmountEditTips implements m.Component {
    view({ attrs } : m.Vnode<AmountEditTipsAttrs>) {

        const show = attrs.show

        return (
            <div class='dashboard-column-tips amount' style={`display: ${show ? 'block' : 'none'}`}>
                <div class="card card-secondary">
                    <div>
                        <div class="arrow-left"></div>
                        <img src="https://s3.amazonaws.com/cdn.catarse/assets/rafa.png" alt="" class="thumb small u-round u-right" />
                        <div class="fontsize-smallest">
                            Dicas do Rafa, nosso especialista
                        </div>
                    </div>
                </div>
                <div class="card">
                    <div class="fontsize-smallest">
                        Quanto você precisa arrecadar para ter sucesso no seu projeto? Defina uma meta coerente com o que seu projeto propõe e não esqueça de considerar a taxa do Catarse quando for definir sua meta!
                    </div>
                </div>
            </div>
        )
    }
}