user-iconを非React化した

[Ryooo-k]

Issue

• #8238 user-icon.vueを非Vue/React化したい

概要

UserIcon.jsxを非React化し、不要なファイルは削除しました。

削除ファイルと削除した理由

1. user-icon.vueはtalk.vueから使用されていましたが、talk.vueが未使用ファイルのため、user-icon.vueおよびtalk.vueを削除しました。
2. UserIcon.jsxは非React化のため削除し、user-icon.jsに置き換えました。
3. ui/UserGroup.jsxは独自にUserIconを定義してますが、UserGroup.jsxを使用していたFilterByArea.jsxは、このPRで非React化されており、UserGroup.jsxは未使用ファイルとなっていたため削除しました。

変更確認方法

1. chore/user-icon-to-non-vue-react をローカルに取り込む
   i. git fetch origin pull/8255/head:chore/user-icon-to-non-vue-react
   ii. git checkout chore/user-icon-to-non-vue-react
2. foreman start -f Procfile.dev でローカルサーバーを立ち上げる
3. ユーザー名komagata、パスワードtesttestでログインする
4. 特別イベントにアクセスし、ユーザーアイコンが表示されるか確認する。

5. 定期イベントにアクセスし、ユーザーアイコンが表示されるか確認する。

6. ブックマーク一覧にアクセスし、ユーザーアイコンが表示されるか確認する。

7. 提出物にアクセスし、ユーザーアイコンが表示されるか確認する。

8. 通知にアクセスし、ユーザーアイコンが表示されるか確認する。

9. ダッシュボードにアクセスし、ユーザーアイコンが表示されるか確認する。

10. 企業別ユーザー一覧にアクセスし、ユーザーアイコンが表示されるか確認する。

Screenshot

変更前

特別イベント

定期イベント

ブックマーク一覧

提出物

通知

ダッシュボード

企業別ユーザー一覧

変更後

このPRに伴う画面の変更はございません。

[Ryooo-k]

@Judeeeee
お疲れ様です！
こちらのレビューをお願いしたいのですが可能でしょうか？
（現在、テストの不具合でregular_events_test.rbの２つが落ちる状態となっておりCIが通ってませんが、こちらで対応中となっております。）

[Judeeeee]

@Ryooo-k
お疲れ様です！
依頼いただきありがとうございますー
折角の機会なのですが、私が年末まで対応できなさそうなので他の方に依頼いただけると助かります🙇
お手数ですが、よろしくお願いいたします🙏

[Ryooo-k]

@Judeeeee
承知しました！他の方に依頼いますね👍

@su-su-su-su
お疲れ様です。
こちらのレビューをお願いできますでしょうか。

[su-su-su-su]

@Ryooo-k
お疲れ様です。
年末で仕事が忙しく、遅くなるのでもよろしければレビューさせて頂くのですがいかがでしょうか？

[Ryooo-k]

@su-su-su-su
急ぎではありませんので、ぜひお願いします🙏

[su-su-su-su]

@Ryooo-k
お疲れ様です!
遅くなり申し訳ございません💦

chore/user-icon-to-non-vue-reactにて作業を進めておりますが、以下のエラーが発生し、正常に動作させることができませんでしたのでご報告いたします。

1. foreman start -f Procfile.devを実行した際に、以下のエラーが表示されました。

ActiveRecord::PendingMigrationError
Migrations are pending. To resolve this issue, run:
bin/rails db:migrate RAILS_ENV=development
You have 1 pending migration:
20240619125427_create_micro_reports.rb
Extracted source (around line #625):

      # Raises <tt>ActiveRecord::PendingMigrationError</tt> error if any migrations are pending.
      def check_pending!(connection = Base.connection)
        raise ActiveRecord::PendingMigrationError if connection.migration_context.needs_migration?
      end

      def load_schema_if_pending!

2. 続いて、bin/rails db:migrate RAILS_ENV=developmentを実行したところ、以下のエラーが発生しました。

== 20240619125427 CreateMicroReports: migrating ===============================
-- create_table(:micro_reports)
rails aborted!
StandardError: An error has occurred, this and all later migrations canceled:

PG::DuplicateTable: ERROR:  relation "micro_reports" already exists
/home/suzuki/bootcamp/db/migrate/20240619125427_create_micro_reports.rb:3:in `change'
/home/suzuki/bootcamp/bin/rails:5:in `<top (required)>'
/home/suzuki/bootcamp/bin/spring:10:in `block in <top (required)>'
/home/suzuki/bootcamp/bin/spring:7:in `<top (required)>'

Caused by:
ActiveRecord::StatementInvalid: PG::DuplicateTable: ERROR:  relation "micro_reports" already exists
/home/suzuki/bootcamp/db/migrate/20240619125427_create_micro_reports.rb:3:in `change'
/home/suzuki/bootcamp/bin/rails:5:in `<top (required)>'
/home/suzuki/bootcamp/bin/spring:10:in `block in <top (required)>'
/home/suzuki/bootcamp/bin/spring:7:in `<top (required)>'

Caused by:
PG::DuplicateTable: ERROR:  relation "micro_reports" already exists
/home/suzuki/bootcamp/db/migrate/20240619125427_create_micro_reports.rb:3:in `change'
/home/suzuki/bootcamp/bin/rails:5:in `<top (required)>'
/home/suzuki/bootcamp/bin/spring:10:in `block in <top (required)>'
/home/suzuki/bootcamp/bin/spring:7:in `<top (required)>'

Tasks: TOP => db:migrate
(See full trace by running task with --trace)

既にデータベースに micro_reports テーブルが存在しているため、新たに同名のテーブルを作成しようとしてエラーが発生しているようです。
同じようになっていないでしょうか？
お手数をおかけしますがご確認よろしくお願いいたします。

[Ryooo-k]

@su-su-su-su
お疲れ様です。
こちらの環境で再度確認したのですが、同じようなエラーは発生しませんでした💦また、改めてリポジトリをcloneして、そこから本ブランチを取り込んで動作確認もしたのですが、その場合でもエラーが発生しませんでした💦
解決策をもう少し調べてみますね。

[su-su-su-su]

@Ryooo-k
なるほどですね。ご確認ありがとうございます🙏
私の方でももう一度はじめからしてみたいと思います！

[su-su-su-su]

@Ryooo-k

お疲れ様です。
再度cloneするとエラーが無くなりました。
ご迷惑をお掛けしました💦
私からはApproveさせていただきます！

[Ryooo-k]

@su-su-su-su
ご確認ありがとうございます！データベースの環境がおかしくなっていたんでしょうかね🧐

@komagata
メンバーのレビューが完了しましたので、レビューをお願いいたします🙏
（現在、テストの不具合でregular_events_test.rbの２つが落ちる状態となっておりCIが通ってませんが、こちらで対応中です。）

[komagata]

@Ryooo-k テストが通ったら再度連絡いただければ幸いです〜

[kyokucho1989]

@Ryooo-k

regular_events_test.rbの２つが落ちる状態

こちらはすでに #8256 　で改善済みです。
main ブランチにマージされているはずなので、git pull --rebase origin main　のコマンドを打ってみてください。

[Ryooo-k]

@kyokucho1989
わざわざご連絡ありがとうございます！修正ありがとうございました👍

[Ryooo-k]

@komagata
テストが通りましたので、レビューをお願いいたします。