Channel Component - Copy this React, Tailwind Component to your project

{ "updated_at": "2024 09 27T07:06:18.801834", "id": "b44937e4 c0d4 4a73 847c 3730a923ce83:8103d321 2078 47a6 9eb8 fe1ba7209a1c", "channel_id": "b44937e4 c0d4 4a73 847c 3730a923ce83:8103d321 2078 47a6 9eb8 fe1ba7209a1c", "project_id": "b44937e4 c0d4 4a73 847c 3730a923ce83", "name": "channel 11", "created_at": "2024 09 27T06:50:55.593355956Z", "channel_type": "team", "owner": "client", "member_count": 3, "members": [ { "banned": false, "channel_role": "owner", "user_id": "0xf93a57c44a975e7b3409011f6a3f4adf658a3470" }, { "banned": false, "channel_role": "pending", "user_id": "0x1395b44df192751ca6eac2554328b082cf8cd073" }, { "banned": false, "channel_role": "pending", "user_id": "0x8eb718033b4a3c5f8bdea1773ded0259b2300f5d" } ], "token_gate": false, "image": "https://hn.storage.weodata.vn/namwifi/ermis/staging/D1VBAyh7xH1WDN7LnlE8m5Mo1ebdfPwY", "description": "hahaha" }