From c724b115078ae1b14651bbc2bab7921c0c830e9c Mon Sep 17 00:00:00 2001
From: Nopfed <robby.tsunami@gmail.com>
Date: Tue, 14 Nov 2023 14:01:59 -0500
Subject: [PATCH 1/3] Adds curationfeed component and tab to profiles

---
 components/CurationsFeed.vue | 47 ++++++++++++++++++++++++++++++++++++
 pages/[profile]/index.vue    |  8 +++++-
 2 files changed, 54 insertions(+), 1 deletion(-)
 create mode 100644 components/CurationsFeed.vue

diff --git a/components/CurationsFeed.vue b/components/CurationsFeed.vue
new file mode 100644
index 0000000..0aa9bed
--- /dev/null
+++ b/components/CurationsFeed.vue
@@ -0,0 +1,47 @@
+<template>
+  <v-container v-if="curationFeed">
+    <v-row>
+      <v-col v-for="item in curationFeed" :key="item.id" cols="4">
+        <FeedItemCard :id="item.id" />
+      </v-col>
+    </v-row>
+    <v-row v-if="!hasReachedEnd">
+      <v-col>
+        <v-btn
+          elevation="2"
+          color="primary"
+          variant="outlined"
+          @click="onLoadMore"
+        >
+          Load More
+        </v-btn>
+      </v-col>
+    </v-row>
+  </v-container>
+</template>
+
+<script setup lang="ts">
+import ArdbTransaction from 'ardb/lib/models/transaction'
+
+const props = defineProps<{ address: string }>()
+const abc = useArtByCity()
+const curationFeed = ref<ArdbTransaction[]>([])
+const cursor = ref<string | undefined>()
+const hasReachedEnd = ref(false)
+
+const onLoadMore = debounce(async () => {
+  if (hasReachedEnd.value) { return }
+  const { curations, cursor: nextCursor } = await abc
+  .curations
+  .createdBy(props.address, cursor.value)
+
+  curationFeed.value.push(...curations)
+  cursor.value = nextCursor
+
+  if (!nextCursor) {
+    hasReachedEnd.value = true
+  }
+})
+
+onLoadMore()
+</script>
diff --git a/pages/[profile]/index.vue b/pages/[profile]/index.vue
index f16a141..5f66c2c 100644
--- a/pages/[profile]/index.vue
+++ b/pages/[profile]/index.vue
@@ -30,6 +30,9 @@
             <v-tab value="art">
               Art
             </v-tab>
+            <v-tab value="curations">
+              Curations
+            </v-tab>
             <v-tab value="liked">
               Likes
             </v-tab>
@@ -42,7 +45,10 @@
       </v-row>
       <v-row>
         <v-col>
-          <template v-if="tab === 'liked'">
+          <template v-if="tab === 'curations'">
+            <CurationsFeed :address="data.address" />
+          </template>
+          <template v-else-if="tab === 'liked'">
             <LikesFeed :address="data.address" />
           </template>
           <template v-else-if="tab === 'tips'">

From 730f7b19e8cc234ecdffcf609b55b38788647de6 Mon Sep 17 00:00:00 2001
From: Nopfed <robby.tsunami@gmail.com>
Date: Tue, 14 Nov 2023 14:03:39 -0500
Subject: [PATCH 2/3] Linted

---
 components/CurationsFeed.vue | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/components/CurationsFeed.vue b/components/CurationsFeed.vue
index 0aa9bed..82062d8 100644
--- a/components/CurationsFeed.vue
+++ b/components/CurationsFeed.vue
@@ -32,8 +32,8 @@ const hasReachedEnd = ref(false)
 const onLoadMore = debounce(async () => {
   if (hasReachedEnd.value) { return }
   const { curations, cursor: nextCursor } = await abc
-  .curations
-  .createdBy(props.address, cursor.value)
+    .curations
+    .createdBy(props.address, cursor.value)
 
   curationFeed.value.push(...curations)
   cursor.value = nextCursor

From f10e116ac5e97cfb009b2859a717a225836cefb8 Mon Sep 17 00:00:00 2001
From: Jim Toth <jim@artby.city>
Date: Tue, 14 Nov 2023 16:48:38 -0500
Subject: [PATCH 3/3] Fixes issue hovering curation feed item on profiles

---
 components/FeedItemCard.vue    | 11 +++++------
 components/ResolveUsername.vue | 10 ++++++++--
 2 files changed, 13 insertions(+), 8 deletions(-)

diff --git a/components/FeedItemCard.vue b/components/FeedItemCard.vue
index a175401..05dea75 100644
--- a/components/FeedItemCard.vue
+++ b/components/FeedItemCard.vue
@@ -29,7 +29,7 @@
                   <v-row class="ma-0">
                     <v-col cols="12">
                       <div class="text-h3 scale-text text-center">
-                        404 image not found
+                        error
                       </div>
                     </v-col>
                   </v-row>
@@ -74,11 +74,8 @@
                       </a>
                       <br>
                       <a class="text-white font-italic">
-                        <ResolveUsername 
-                          :address="`${itemAddress}`"
-                          no-link
-                        />
-                      </a>                        
+                        <ResolveUsername :address="itemAddress" no-link />
+                      </a>
                     </v-col>
                   </v-row>
                 </v-card>
@@ -168,6 +165,8 @@ const { data, pending } = useLazyAsyncData(props.id, async () => {
       return { publication, username }
     }
   }
+
+  return null
 })
 
 const src = computed(() => {
diff --git a/components/ResolveUsername.vue b/components/ResolveUsername.vue
index cd28ba0..fea5021 100644
--- a/components/ResolveUsername.vue
+++ b/components/ResolveUsername.vue
@@ -22,10 +22,16 @@
 </template>
 
 <script setup lang="ts">
-const props = defineProps<{ address: string, noLink?: boolean}>()
+const props = defineProps<{ address?: string, noLink?: boolean}>()
 const abc = useArtByCity()
 
-const { data: user } = useLazyAsyncData(props.address, async () => {
+const {
+  data: user
+} = useLazyAsyncData(`resolve-username-${props.address}`, async () => {
+  if (!props.address) {
+    return { profile: null, username: null }
+  }
+
   const profile = await abc.legacy.fetchProfile(props.address)
   const username =
     await abc.usernames.resolveUsernameFromAddress(props.address)