diff --git a/app/components/contribution-list/template.hbs b/app/components/contribution-list/template.hbs index 60885ae..d53ad52 100644 --- a/app/components/contribution-list/template.hbs +++ b/app/components/contribution-list/template.hbs @@ -1,16 +1,18 @@ {{#each contributions as |contribution|}}

  • - ♥ ({{contribution.kind}}) - {{contribution.contributor.name}}: + {{user-avatar contributor=contribution.contributor}} + ({{contribution.kind}}) + + {{#if contribution.url}} + {{contribution.description}} + {{else}} + {{contribution.description}} + {{/if}} +

    {{contribution.amount}}₭S

    -

    - {{contribution.description}} -

    -

    -

    • {{/each}} \ No newline at end of file diff --git a/app/components/contributor-list/template.hbs b/app/components/contributor-list/template.hbs index 64f997f..3c5b4fb 100644 --- a/app/components/contributor-list/template.hbs +++ b/app/components/contributor-list/template.hbs @@ -2,8 +2,7 @@ {{#each contributors as |contributor|}} - - {{contributor.name}} + {{user-avatar contributor=contributor}} {{contributor.name}} {{contributor.totalKreditsEarned}} diff --git a/app/components/loading-spinner/template.hbs b/app/components/loading-spinner/template.hbs index f52a577..4803b4d 100644 --- a/app/components/loading-spinner/template.hbs +++ b/app/components/loading-spinner/template.hbs @@ -2,7 +2,7 @@ - @@ -10,5 +10,5 @@

    - Loading data from Ethereum... + Loading data...

    diff --git a/app/components/user-avatar/component.js b/app/components/user-avatar/component.js new file mode 100644 index 0000000..9f2a99b --- /dev/null +++ b/app/components/user-avatar/component.js @@ -0,0 +1,11 @@ +import Component from '@ember/component'; +import { alias } from '@ember/object/computed'; + +export default Component.extend({ + contributor: null, + tagName: 'img', + classNames: ['avatar'], + attributeBindings: ['src', 'title'], + src: alias('contributor.avatarURL'), + title: alias('contributor.name') +}); diff --git a/app/components/user-avatar/template.hbs b/app/components/user-avatar/template.hbs new file mode 100644 index 0000000..e69de29 diff --git a/app/styles/app.scss b/app/styles/app.scss index b3207f8..84ec881 100644 --- a/app/styles/app.scss +++ b/app/styles/app.scss @@ -120,3 +120,4 @@ button, input[type=submit] { @import "components/add-contributor"; @import "components/proposal-list"; @import "components/contribution-list"; +@import "components/user-avatar"; diff --git a/app/styles/components/_contribution-list.scss b/app/styles/components/_contribution-list.scss index 49e8339..c865532 100644 --- a/app/styles/components/_contribution-list.scss +++ b/app/styles/components/_contribution-list.scss @@ -45,6 +45,17 @@ ul.contribution-list { span { font-size: inherit; + + &.title { + a { + font-size: inherit; + text-decoration: none; + color: $body-text-color; + } + a:hover, a:active { + color: $primary-color; + } + } } .description { diff --git a/app/styles/components/_contributor-list.scss b/app/styles/components/_contributor-list.scss index 5478587..1a0dbfa 100644 --- a/app/styles/components/_contributor-list.scss +++ b/app/styles/components/_contributor-list.scss @@ -58,12 +58,9 @@ table.contributor-list { &.person { text-align: left; font-size: 1.4rem; + img.avatar { - width: 2rem; - height: 2rem; - vertical-align: middle; margin-right: 0.2rem; - border-radius: 1rem; } } diff --git a/app/styles/components/_user-avatar.scss b/app/styles/components/_user-avatar.scss new file mode 100644 index 0000000..3fdddfb --- /dev/null +++ b/app/styles/components/_user-avatar.scss @@ -0,0 +1,7 @@ +img.avatar { + width: 2rem; + height: 2rem; + vertical-align: middle; + margin-right: 0.2rem; + border-radius: 1rem; +} diff --git a/app/templates/index.hbs b/app/templates/index.hbs index a766066..dad1202 100644 --- a/app/templates/index.hbs +++ b/app/templates/index.hbs @@ -29,7 +29,7 @@ {{#if contributionsUnconfirmed}}
    -

    Unconfirmed Contributions

    +

    Latest Contributions

    {{!-- TODO: We need a better naming for kredits.hasAccounts --}} diff --git a/tests/integration/components/loading-spinner/component-test.js b/tests/integration/components/loading-spinner/component-test.js index 9845fba..93949f0 100644 --- a/tests/integration/components/loading-spinner/component-test.js +++ b/tests/integration/components/loading-spinner/component-test.js @@ -13,6 +13,6 @@ module('Integration | Component | loading spinner', function(hooks) { await render(hbs`{{loading-spinner}}`); - assert.dom('*').hasText('Loading data from Ethereum...'); + assert.dom('*').hasText('Loading data...'); }); }); diff --git a/tests/integration/components/user-avatar/component-test.js b/tests/integration/components/user-avatar/component-test.js new file mode 100644 index 0000000..e96fe17 --- /dev/null +++ b/tests/integration/components/user-avatar/component-test.js @@ -0,0 +1,14 @@ +import { module, test } from 'qunit'; +import { setupRenderingTest } from 'ember-qunit'; +import { render } from '@ember/test-helpers'; +import hbs from 'htmlbars-inline-precompile'; + +module('Integration | Component | user-avatar', function(hooks) { + setupRenderingTest(hooks); + + test('it renders', async function(assert) { + await render(hbs`{{user-avatar}}`); + + assert.equal(this.element.textContent.trim(), ''); + }); +});