107/intersection observer

[tktcorporation]

• fix: ウィンドウを開く度にtrayが作成されていた問題を修正
• feat: 画面内に入った時にロード処理を行う

Summary by CodeRabbit

• 新機能

  • アプリケーションのトレイアイコン設定を最適化しました。
  • 写真リストページにおいて、コンテンツの可視性に基づいて条件付きでコンテンツをレンダリングする機能を導入しました。

• リファクタリング

  • PhotoItemList コンポーネントをリファクタリングして、個々のアイテムのレンダリングロジックを新しい JoinInfoItem コンポーネントに分割しました。

[coderabbitai[bot]]

Walkthrough

この変更により、Electronアプリケーションのトレイ設定が改善され、Reactを使用した写真リストページのレンダリングロジックが最適化されました。Electron側では、トレイの設定をウィンドウ作成後に行うように変更。React側では、写真アイテムリストの表示ロジックが分割され、可視性に基づいて条件付きレンダリングを行うようになりました。

Changes

ファイル	変更内容
electron/electronUtil.ts, electron/index.ts	electronUtil.tsでcreateOrGetWindow関数からsetTray()の呼び出しを削除。index.tsでは、メインウィンドウ作成後にelectronUtil.setTray()を呼び出すように変更。
src/page/photoList/PhotoItemList.tsx, src/page/photoList/PhotoList.tsx	PhotoItemList.tsxでは、個々のアイテムのレンダリングロジックをJoinInfoItemコンポーネントに分割。useInViewフックを使用して可視性に基づいてコンテンツを条件付きでレンダリング。PhotoList.tsxでは、JoinInfoListのインポートと<PhotoItemList />コンポーネントのphotoItemListプロップをjoinInfoListに変更。

🐰✨
変更を祝して、小さな詩を。
新たな道、軽やかに歩む
画面の中、光る一点
見えぬものも、見せる技術
コードの海、泳ぎ続ける
🌟🐾

Thank you for using CodeRabbit. We offer it for free to the OSS community and would appreciate your support in helping us grow. If you find it useful, would you consider giving us a shout-out on your favorite social media?

Share

- [X](https://twitter.com/intent/tweet?text=I%20just%20used%20%40coderabbitai%20for%20my%20code%20review%2C%20and%20it%27s%20fantastic%21%20It%27s%20free%20for%20OSS%20and%20offers%20a%20free%20trial%20for%20the%20proprietary%20code.%20Check%20it%20out%3A&url=https%3A//coderabbit.ai) - [Mastodon](https://mastodon.social/share?text=I%20just%20used%20%40coderabbitai%20for%20my%20code%20review%2C%20and%20it%27s%20fantastic%21%20It%27s%20free%20for%20OSS%20and%20offers%20a%20free%20trial%20for%20the%20proprietary%20code.%20Check%20it%20out%3A%20https%3A%2F%2Fcoderabbit.ai) - [Reddit](https://www.reddit.com/submit?title=Great%20tool%20for%20code%20review%20-%20CodeRabbit&text=I%20just%20used%20CodeRabbit%20for%20my%20code%20review%2C%20and%20it%27s%20fantastic%21%20It%27s%20free%20for%20OSS%20and%20offers%20a%20free%20trial%20for%20proprietary%20code.%20Check%20it%20out%3A%20https%3A//coderabbit.ai) - [LinkedIn](https://www.linkedin.com/sharing/share-offsite/?url=https%3A%2F%2Fcoderabbit.ai&mini=true&title=Great%20tool%20for%20code%20review%20-%20CodeRabbit&summary=I%20just%20used%20CodeRabbit%20for%20my%20code%20review%2C%20and%20it%27s%20fantastic%21%20It%27s%20free%20for%20OSS%20and%20offers%20a%20free%20trial%20for%20proprietary%20code)

---

Tips

### Chat There are 3 ways to chat with CodeRabbit: - Review comments: Directly reply to a review comment made by CodeRabbit. Example: - `I pushed a fix in commit .` - `Generate unit-tests for this file.` - `Open a follow-up GitHub issue for this discussion.` - Files and specific lines of code (under the "Files changed" tab): Tag `@coderabbitai` in a new review comment at the desired location with your query. Examples: - `@coderabbitai generate unit tests for this file.` - `@coderabbitai modularize this function.` - PR comments: Tag `@coderabbitai` in a new PR comment to ask questions about the PR branch. For the best results, please provide a very specific query, as very limited context is provided in this mode. Examples: - `@coderabbitai generate interesting stats about this repository and render them as a table.` - `@coderabbitai show all the console.log statements in this repository.` - `@coderabbitai read src/utils.ts and generate unit tests.` - `@coderabbitai read the files in the src/scheduler package and generate a class diagram using mermaid and a README in the markdown format.` Note: Be mindful of the bot's finite context window. It's strongly recommended to break down tasks such as reading entire modules into smaller chunks. For a focused discussion, use review comments to chat about specific files and their changes, instead of using the PR comments. ### CodeRabbit Commands (invoked as PR comments) - `@coderabbitai pause` to pause the reviews on a PR. - `@coderabbitai resume` to resume the paused reviews. - `@coderabbitai review` to trigger a review. This is useful when automatic reviews are disabled for the repository. - `@coderabbitai resolve` resolve all the CodeRabbit review comments. - `@coderabbitai help` to get help. Additionally, you can add `@coderabbitai ignore` anywhere in the PR description to prevent this PR from being reviewed. ### CodeRabbit Configration File (`.coderabbit.yaml`) - You can programmatically configure CodeRabbit by adding a `.coderabbit.yaml` file to the root of your repository. - The JSON schema for the configuration file is available [here](https://coderabbit.ai/integrations/coderabbit-overrides.v2.json). - If your editor has YAML language server enabled, you can add the path at the top of this file to enable auto-completion and validation: `# yaml-language-server: $schema=https://coderabbit.ai/integrations/coderabbit-overrides.v2.json` ### CodeRabbit Discord Community Join our [Discord Community](https://discord.com/invite/GsXnASn26c) to get help, request features, and share feedback.

[github-actions[bot]]

Related issue

• 107

[github-actions[bot]]

[github-actions[bot]]