feat: display avatars (#167)

Author: Dharmik48

README.md

@@ -4,7 +4,7 @@
 
 Good First Issue Finder helps new open source contributors pave their path into the world of open source through good first issues.
 
-![eddiehub issue finder](https://user-images.githubusercontent.com/64529217/177002832-d17febfc-40cc-4077-a1f5-a4e1ed78d9d3.png)
+![eddiehub issue finder](https://user-images.githubusercontent.com/64529217/177034601-fe8dffce-cfac-4f61-889b-e3fe1ab7497d.png)
 
 <!-- (Can be only done after merged 😅)
 ## Example using Gitpod, ephemeral dev environment in the cloud (free)

src/global.d.ts

@@ -1,6 +1,7 @@
 /// <reference types="@sveltejs/kit" />
 
 export declare type Owner = {
+  avatarUrl: string;
   login: string;
 };
 

src/lib/components/issue-card.svelte

@@ -16,14 +16,8 @@
   <div class="flex items-center justify-between">
     <div class="flex min-w-0 items-center">
       <img
-        class="mr-4 object-contain dark:hidden"
-        src="/images/githubmark-light.svg"
-        width="32"
-        alt="github"
-      />
-      <img
-        class="mr-4 hidden object-contain dark:block"
-        src="/images/githubmark-dark.svg"
+        class="mr-4 rounded-full object-contain"
+        src={issue.repository.owner.avatarUrl}
         width="32"
         alt="github"
       />

src/routes/api/get-issues.ts

@@ -38,6 +38,7 @@ export const post: RequestHandler = async ({ request }) => {
                   id
                 }
                 owner {
+                  avatarUrl
                   login
                 }
               }