Skip to content

Commit

Permalink
Clickable images on blog index (#4407)
Browse files Browse the repository at this point in the history
  • Loading branch information
@benwerd
benwerd authored Aug 9, 2019
1 parent 36e542a commit 5b5ca03
Show file tree
Hide file tree
Showing 2 changed files with 103 additions and 43 deletions.
140 changes: 98 additions & 42 deletions unlock-protocol.com/src/__tests__/storybook/__snapshots__/storyshots.test.js.snap
View file
Original file line number Diff line number Diff line change
Expand Up @@ -640,9 +640,13 @@ Object {
<div
class="c16"
>
<img
class="c17"
/>
<a
href="/blog/post3"
>
<img
class="c17"
/>
</a>
</div>
<div
class=""
Expand Down Expand Up @@ -686,9 +690,13 @@ should pay great attention.
<div
class="c16"
>
<img
class="c17"
/>
<a
href="/blog/post2"
>
<img
class="c17"
/>
</a>
</div>
<div
class=""
Expand Down Expand Up @@ -731,9 +739,13 @@ Short description.
<div
class="c16"
>
<img
class="c17"
/>
<a
href="/blog/post1"
>
<img
class="c17"
/>
</a>
</div>
<div
class=""
Expand Down Expand Up @@ -1186,9 +1198,13 @@ Look at us! We're posting on our very own blog! How exciting!
<div
class="sc-1w50r7k-0 fSpCqa"
>
<img
class="fbx9r2-6 iXQDJr"
/>
<a
href="/blog/post3"
>
<img
class="fbx9r2-6 iXQDJr"
/>
</a>
</div>
<div
class="fbx9r2-7 cxDicS"
Expand Down Expand Up @@ -1232,9 +1248,13 @@ should pay great attention.
<div
class="sc-1w50r7k-0 fSpCqa"
>
<img
class="fbx9r2-6 iXQDJr"
/>
<a
href="/blog/post2"
>
<img
class="fbx9r2-6 iXQDJr"
/>
</a>
</div>
<div
class="fbx9r2-7 cxDicS"
Expand Down Expand Up @@ -1277,9 +1297,13 @@ Short description.
<div
class="sc-1w50r7k-0 fSpCqa"
>
<img
class="fbx9r2-6 iXQDJr"
/>
<a
href="/blog/post1"
>
<img
class="fbx9r2-6 iXQDJr"
/>
</a>
</div>
<div
class="fbx9r2-7 cxDicS"
Expand Down Expand Up @@ -3053,9 +3077,13 @@ Object {
<div
class="c3"
>
<img
class="c4"
/>
<a
href="/blog/post3"
>
<img
class="c4"
/>
</a>
</div>
<div
class=""
Expand Down Expand Up @@ -3099,9 +3127,13 @@ should pay great attention.
<div
class="c3"
>
<img
class="c4"
/>
<a
href="/blog/post2"
>
<img
class="c4"
/>
</a>
</div>
<div
class=""
Expand Down Expand Up @@ -3144,9 +3176,13 @@ Short description.
<div
class="c3"
>
<img
class="c4"
/>
<a
href="/blog/post1"
>
<img
class="c4"
/>
</a>
</div>
<div
class=""
Expand Down Expand Up @@ -3205,9 +3241,13 @@ Look at us! We're posting on our very own blog! How exciting!
<div
class="sc-1w50r7k-0 fSpCqa"
>
<img
class="fbx9r2-6 iXQDJr"
/>
<a
href="/blog/post3"
>
<img
class="fbx9r2-6 iXQDJr"
/>
</a>
</div>
<div
class="fbx9r2-7 cxDicS"
Expand Down Expand Up @@ -3251,9 +3291,13 @@ should pay great attention.
<div
class="sc-1w50r7k-0 fSpCqa"
>
<img
class="fbx9r2-6 iXQDJr"
/>
<a
href="/blog/post2"
>
<img
class="fbx9r2-6 iXQDJr"
/>
</a>
</div>
<div
class="fbx9r2-7 cxDicS"
Expand Down Expand Up @@ -3296,9 +3340,13 @@ Short description.
<div
class="sc-1w50r7k-0 fSpCqa"
>
<img
class="fbx9r2-6 iXQDJr"
/>
<a
href="/blog/post1"
>
<img
class="fbx9r2-6 iXQDJr"
/>
</a>
</div>
<div
class="fbx9r2-7 cxDicS"
Expand Down Expand Up @@ -3625,9 +3673,13 @@ Object {
<div
class="c3"
>
<img
class="c4"
/>
<a
href="/blog/post3"
>
<img
class="c4"
/>
</a>
</div>
<div
class=""
Expand Down Expand Up @@ -3687,9 +3739,13 @@ should pay great attention.
<div
class="sc-1w50r7k-0 fSpCqa"
>
<img
class="fbx9r2-6 iXQDJr"
/>
<a
href="/blog/post3"
>
<img
class="fbx9r2-6 iXQDJr"
/>
</a>
</div>
<div
class="fbx9r2-7 cxDicS"
Expand Down
6 changes: 5 additions & 1 deletion unlock-protocol.com/src/components/content/BlogIndex.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -15,7 +15,11 @@ export const BlogIndex = ({ posts }) => (
({ title, authorName, publishDate, slug, description, image }) => (
<Post key={slug}>
<NoPhone>
<Image src={image} />
<Link href={'/blog/' + slug}>
<a>
<Image src={image} />
</a>
</Link>
</NoPhone>
<Details>
<Title>
Expand Down

0 comments on commit 5b5ca03

Please sign in to comment.