実録〜社会不適合者の脱獄ノンフィクション〜⑯：　アプリに友達追加できるようにするの巻 其の弍｜自分からの友達リクエストを自分で承認する、切なすぎる開発現場

s今回の記事では前回に引き続き、自作アプリに友達機能を追加していく。

前回の記事でどこまで進んだかはこの記事を見てくれれば
わかるはずだ。

次の工程としてはリクエストを受けた側の
承認ボタンなどの実装をしていく。

前回の記事で自分で自分に友達リクエストを送る
という何とも切ない実装を紹介したが、
今回は自分から来たリクエストを承認して友達になるかを決める画面の実装という
さらに切ない工程を行わなければならない。

💾 今回の裏の主役：SupabaseとRLS

そして今回の記事で主に動いているのがデータベース(Supabase)だ。
プログラムでアプリからデータベースに指令を送り、
データベース側であらかじめとり決めたルール(RLS)に沿い
情報の保存、変更などの操作を基本的に行っている。

※「RLS（ルール）のおかげで、友達になっていない状態（黄色）の時は最新の1件しかログが見えないけれど、友達（緑色）になった瞬間にすべてのログが見えるようになる、という制御を安全に行っている。」

記事でここら辺を説明するのは難解なので、
画像を交えて記録していくスタイルで進める。

・承認ボタンの画面を作成

まずは前回作成したリストをタップできるようにコードを編集し、詳細ページへ遷移できるようにする。

リストをタップすると、プロフィール写真と「承認ボタン」が表示される画面に移動する。ちなみに、このページは友達検索でユーザーが見つかった時の表示ページと共通化して共通のコンポーネント（画面）にしている。

・リクエスト相手の詳細を確認するページの作成

例えば知らない相手からリクエストが来たとして
上記の画像しか情報がなければ
承認しかねることも多々あると予測されるので、
プロフィール写真をさらにタップできるようにした。
もしそのユーザーが「友達公開のログ」を残していれば、
その中から一番最近のログの一部（日時や波のサイズなど）を表示するページを作成した。

この画面で相手のログの一部を確認できれば
まともなユーザーかどうかはある程度
判断することができる。

世界中のsurferが
このアプリを使う未来を見据え、
この年でも実家でこっそりuberやりながら
そこら辺もしっかり詰めていくことにしたのであーる。

・承認をして友達としてリストに並べる。

相手の情報を確認して承認した場合は
リクエスト中の意味で表示している黄色のマークを
緑色に変えて緑であればリクエスト相手のログを全て確認できる
ページに移動できるようになる。

それはまだ先の話。w