From mboxrd@z Thu Jan  1 00:00:00 1970
Return-Path: <kiizuha@gnuweeb.org>
X-Spam-Checker-Version: SpamAssassin 3.4.6 (2021-04-09) on gnuweeb.org
X-Spam-Level: 
X-Spam-Status: No, score=-1.2 required=5.0 tests=ALL_TRUSTED,DKIM_SIGNED,
	DKIM_VALID,DKIM_VALID_AU,DKIM_VALID_EF,URIBL_BLOCKED,
	URIBL_DBL_BLOCKED_OPENDNS autolearn=ham autolearn_force=no
	version=3.4.6
DKIM-Signature: v=1; a=rsa-sha256; c=relaxed/simple; d=gnuweeb.org;
	s=default; t=1696657530;
	bh=r3Otp1lL4YOL5Jiu1ldwo4aVPdCcrBWXA6TsBmVLFfk=;
	h=From:To:Cc:Subject:Date:In-Reply-To:References;
	b=Vj3iDUWfeOP8adMbBeHDoskPF9M0Wim3HgpQZt8CZaD/YTBU4vd410LS1GRUV7VoL
	 SBd9X9CCE+Nwdye0CH9kDBO5tEwXqUa7HwPwAq9cIMMYkSqhgdxKz4pCp1GYgd9a4Z
	 Zom03XLX1w/1FrnagxJhoPTSA/e2UQs+bnGL4l54BydcZSJCIKJQz7TjWyHfSlZ6lP
	 jtAqPBiJ++bI7By7auzKSF3J8zw/W7hNy8RBiAyIr6H+c+yNW6v9uMCK6lYCOz9Z8H
	 vwQQkUUYzRg2/ZCDWrebm+vOX1pO2RCp54qnj69YiXT04S7QYt4V3jYZBpH/tCxBMY
	 zxVYKhZzbbxMw==
Received: from localhost.localdomain (unknown [175.158.50.50])
	by gnuweeb.org (Postfix) with ESMTPSA id 1D2A724B992;
	Sat,  7 Oct 2023 12:45:28 +0700 (WIB)
From: Muhammad Rizki <kiizuha@gnuweeb.org>
To: Ammar Faizi <ammarfaizi2@gnuweeb.org>
Cc: Muhammad Rizki <kiizuha@gnuweeb.org>,
	Alviro Iskandar Setiawan <alviro.iskandar@gnuweeb.org>,
	Irvan Malik Azantha <irvanma@gnuweeb.org>,
	Memet Zx <zxce3@gnuweeb.org>,
	GNU/Weeb Mailing List <gwml@vger.gnuweeb.org>
Subject: [PATCH v2 09/14] feat(components): add <OrganizationMembers/> component
Date: Sat,  7 Oct 2023 12:44:41 +0700
Message-Id: <20231007054446.1204-10-kiizuha@gnuweeb.org>
X-Mailer: git-send-email 2.34.1.windows.1
In-Reply-To: <20231007054446.1204-1-kiizuha@gnuweeb.org>
References: <20231007054446.1204-1-kiizuha@gnuweeb.org>
MIME-Version: 1.0
Content-Transfer-Encoding: 8bit
List-Id: <gwml.vger.gnuweeb.org>

This component UI will display GitHub organization members.

Signed-off-by: Muhammad Rizki <kiizuha@gnuweeb.org>
---
 src/lib/components/OrganizationMembers.svelte | 41 +++++++++++++++++++
 1 file changed, 41 insertions(+)
 create mode 100644 src/lib/components/OrganizationMembers.svelte

diff --git a/src/lib/components/OrganizationMembers.svelte b/src/lib/components/OrganizationMembers.svelte
new file mode 100644
index 0000000..2443378
--- /dev/null
+++ b/src/lib/components/OrganizationMembers.svelte
@@ -0,0 +1,41 @@
+<script lang="ts">
+  import type { GitHubOrgsAPIResponseType } from "$types";
+
+  export let data: GitHubOrgsAPIResponseType[];
+</script>
+
+
+<div
+  class="border border-neutral-800 rounded-xl overflow-hidden
+        max-w-xs md:max-w-lg lg:max-w-3xl xl:w-[20rem]"
+>
+  <div class="flex px-5 py-2 border-b border-neutral-800 justify-between items-center">
+    <h1 class="text-lg font-bold text-center w-full">Member List</h1>
+  </div>
+  <div class="px-3 py-2 space-y-1 text-sm max-h-[300px] overflow-y-auto">
+    {#each data as member}
+      <a
+        href={member.html_url}
+        class="flex items-center space-x-3 p-1 rounded-lg hover:bg-neutral-800"
+      >
+        <img
+          src={member.avatar_url}
+          alt="{member.login} | Organization Member"
+          class="rounded-full w-10"
+        >
+        <div class="truncate text-sky-500">@{member.login}</div>
+      </a>
+    {/each}
+  </div>
+  <a href="https://github.com/orgs/gnuweeb/people" draggable="false" target="_blank">
+    <div
+      class="p-3 border-t border-neutral-800 hover:bg-neutral-800
+            flex justify-center items-center w-full"
+    >
+      <span class="select-none font-semibold text-sky-500 mr-1">View on GitHub</span>
+      <svg class="w-3 h-3 text-neutral-500" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48">
+        <path d="M 40.960938 4.9804688 A 2.0002 2.0002 0 0 0 40.740234 5 L 28 5 A 2.0002 2.0002 0 1 0 28 9 L 36.171875 9 L 22.585938 22.585938 A 2.0002 2.0002 0 1 0 25.414062 25.414062 L 39 11.828125 L 39 20 A 2.0002 2.0002 0 1 0 43 20 L 43 7.2460938 A 2.0002 2.0002 0 0 0 40.960938 4.9804688 z M 12.5 8 C 8.3826878 8 5 11.382688 5 15.5 L 5 35.5 C 5 39.617312 8.3826878 43 12.5 43 L 32.5 43 C 36.617312 43 40 39.617312 40 35.5 L 40 26 A 2.0002 2.0002 0 1 0 36 26 L 36 35.5 C 36 37.446688 34.446688 39 32.5 39 L 12.5 39 C 10.553312 39 9 37.446688 9 35.5 L 9 15.5 C 9 13.553312 10.553312 12 12.5 12 L 22 12 A 2.0002 2.0002 0 1 0 22 8 L 12.5 8 z"></path>
+      </svg>
+    </div>
+  </a>
+</div>
-- 
Muhammad Rizki