コメントでimageを送信しなかったときの表示について。

いつもお力を貸していただきありがとうございます。
railsでアプリを作成中に引っかかってしまいましたので教えてください。

表題の通り、あるツイートに対してのコメント機能を実装しましたが、そのコメントの表示についてです。

コメントではtextとimageを送信できます。
このコメントの表示でimageの送信しなかった場合の表示をtextだけにしたいですがうまくいきません。
下記の６行目のようにしてみたのですが、これだと何個かimageのないコメントをしてみるとimageのないコメントの１つしか意図した表示になりません。。
どのように変更すれば良いのか教えていただけるとありがたいです。
よろしくお願いします。

1<div class="column is-7">
2  <% if @comments.present? %>
3    <div class="card">
4      <% @comments.each do |comment| %>
5        <hr>
6          <% if comment.image.present? %>
7          <% else %>
8            <div class="card-image">
9              <figure class="image is-4by3">
10                <%= attachment_image_tag comment, :image %>
11              </figure>
12            </div>
13          <% end %>
14        <div class="card-content">
15          <div class="content">
16            <table class="table is-narrow">
17              <tr>
18                <th>回答：<%= link_to comment.user.username, "/users/#{comment.user_id}" %>さん</th>
19              </tr>
20              <tr>
21                <td><%= simple_format comment.text %></td>
22              </tr>
23            </table>
24          </div>
25        </div>
26      <% end %>
27    </div>
28  <% else %>
29    <h1 class="subtitle">まだ回答がありません</h1>
30  <% end %>
31</div>

maisumakun

2020/07/01 00:34

「意図した表示になりません」とありますが、具体的にどのような状況になっているのでしょうか？

mamiduka

2020/07/01 00:39

3つほどimageなしのコメントをしてみると、初めの１つ目のコメントだけは８行目の<div class="card-image">``の部分が表示されてない状態なのですが、そのほかのコメントは８行目のdivが表示されていて、不自然な空間が空いている状態です。 imageがコメントになければ、そのdivタグ自体を無くして表示させたいです。日本語がわかりにくくて申し訳ありません。よろしくお願いいたします。

行動規範の内容に同意します

回答1件

ベストアンサー

imageがコメントになければ、そのdivタグ自体を無くして表示させたいです。

imageの登録がないことは間違いないのでしょうか。純然たる空というわけではなくて、破損したデータが登録されていたりはしませんか？

投稿2020/07/01 00:41

maisumakun

総合スコア145184

mamiduka

2020/07/01 00:52

破損したデータではないと思います。６、７、１３行目を削除すると送信した写真は表示されていますし。。。 maisumakun様がみる限り、コードに間違いなどは見受けられないでしょうか？あと、質問のところに記載し忘れておりましたが、６、７、１３行目をかくと、imageありで送信したコメントのimageも表示がされていないです。。いろいろ調べて.present?を６行目に書いたのですが。。