<p></p>
<p><b>@mmd-osm</b> commented on this pull request.</p>

<hr>

<p>In <a href="https://github.com/openstreetmap/openstreetmap-website/pull/5030#discussion_r1696367724">app/helpers/trace_helper.rb</a>:</p>
<pre style='color:#555'>> +  def trace_image(trace, options = {})
+    options[:class] ||= "trace_image"
+    options[:alt] ||= ""
+
+    link_to(image_tag(trace_icon_path(trace.user, trace),
+                      options.merge(:width => 50, :height => 50)),
+            show_trace_path(trace.user, trace),
+            :class => "d-inline-block")
+  end
</pre>
<p dir="auto">I renamed trace_image to trace_preview_image. Not sure if there's a better name for "preview". Then I moved everything which doesn't belong there back to _trace.html.erb.</p>
<p dir="auto">The reusable is following the pattern in user_helper.rb. I started adding options[:class], options[:alt], etc in _trace.html.erb, but this looked a bit ugly and cluttered the html code. That's why I moved it to a helper.</p>

<p style="font-size:small;-webkit-text-size-adjust:none;color:#666;">—<br />Reply to this email directly, <a href="https://github.com/openstreetmap/openstreetmap-website/pull/5030#discussion_r1696367724">view it on GitHub</a>, or <a href="https://github.com/notifications/unsubscribe-auth/AAK2OLNMDCHZC7SZXNM3G4LZO4VM5AVCNFSM6AAAAABLU3HX5SVHI2DSMVQWIX3LMV43YUDVNRWFEZLROVSXG5CSMV3GSZLXHMZDEMBWG4ZTEMRXGU">unsubscribe</a>.<br />You are receiving this because you are subscribed to this thread.<img src="https://github.com/notifications/beacon/AAK2OLLW5HNKWSSCZ6RKGITZO4VM5A5CNFSM6AAAAABLU3HX5SWGG33NNVSW45C7OR4XAZNRKB2WY3CSMVYXKZLTORJGK5TJMV32UY3PNVWWK3TUL5UWJTUDRAH7G.gif" height="1" width="1" alt="" /><span style="color: transparent; font-size: 0; display: none; visibility: hidden; overflow: hidden; opacity: 0; width: 0; height: 0; max-width: 0; max-height: 0; mso-hide: all">Message ID: <span><openstreetmap/openstreetmap-website/pull/5030/review/2206732275</span><span>@</span><span>github</span><span>.</span><span>com></span></span></p>
<script type="application/ld+json">[
{
"@context": "http://schema.org",
"@type": "EmailMessage",
"potentialAction": {
"@type": "ViewAction",
"target": "https://github.com/openstreetmap/openstreetmap-website/pull/5030#discussion_r1696367724",
"url": "https://github.com/openstreetmap/openstreetmap-website/pull/5030#discussion_r1696367724",
"name": "View Pull Request"
},
"description": "View this Pull Request on GitHub",
"publisher": {
"@type": "Organization",
"name": "GitHub",
"url": "https://github.com"
}
}
]</script>