From 33488693a3b515605687674da8be6f7bb134d3ec Mon Sep 17 00:00:00 2001
From: roiLeo <medina.leo42@gmail.com>
Date: Thu, 21 Oct 2021 14:55:26 +0200
Subject: [PATCH 1/2] feat(collection&profile): donationButton under sharing

---
 .../rmrk/Gallery/CollectionItem.vue           |  9 ++-
 src/locales/en.json                           |  1 +
 src/views/Profile.vue                         | 57 ++++++-------------
 3 files changed, 24 insertions(+), 43 deletions(-)

diff --git a/src/components/rmrk/Gallery/CollectionItem.vue b/src/components/rmrk/Gallery/CollectionItem.vue
index cd09061d50..59589e5716 100644
--- a/src/components/rmrk/Gallery/CollectionItem.vue
+++ b/src/components/rmrk/Gallery/CollectionItem.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="pack-item-wrapper container">
+  <div class="pack-item-wrapper container is-fluid">
     <div class="columns is-centered">
       <div class="column is-half has-text-centered">
         <div class="container image is-128x128 mb-2">
@@ -30,14 +30,16 @@
         <div class="label">
           {{ $t('owner') }}
         </div>
-        <div class="subtitle">
-          <ProfileLink :address="owner" :inline="true" />
+        <div class="subtitle is-size-6">
+          <ProfileLink :address="owner" :inline="true" :showTwitter="true" />
         </div>
       </div>
       <div class="column is-2">
         <Sharing v-if="sharingVisible"
+          class="mb-2"
           label="Check this awesome Collection on %23KusamaNetwork %23KodaDot"
           :iframe="iframeSettings" />
+        <DonationButton :address="issuer" style="width: 100%;" />
       </div>
     </div>
 
@@ -76,6 +78,7 @@ const components = {
   ProfileLink: () => import('@/components/rmrk/Profile/ProfileLink.vue'),
   VueMarkdown: () => import('vue-markdown-render'),
   Search: () => import('./Search/SearchBarCollection.vue'),
+  DonationButton: () => import('@/components/transfer/DonationButton.vue'),
 }
 @Component<CollectionItem>({
   metaInfo() {
diff --git a/src/locales/en.json b/src/locales/en.json
index cc9835261c..ee601fbd02 100644
--- a/src/locales/en.json
+++ b/src/locales/en.json
@@ -247,6 +247,7 @@
     "accept": "I confirm that I hold full copyright ownership of the submitted digital asset (or have sufficient permission by the owner to use the asset)"
   },
   "profile": {
+	  "user": "User",
     "created": "Created",
     "collected": "Collected",
     "sold": "Sold"
diff --git a/src/views/Profile.vue b/src/views/Profile.vue
index cf04178541..4bd36d31eb 100644
--- a/src/views/Profile.vue
+++ b/src/views/Profile.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="profile-wrapper container">
+  <div class="profile-wrapper container is-fluid">
     <div class="columns is-centered">
       <div class="column is-half has-text-centered">
         <div class="container image is-64x64 mb-2">
@@ -18,26 +18,22 @@
     </div>
 
     <div class="columns">
-      <div class="column has-text-centered-mobile">
-        <DonationButton :address="id" />
+      <div class="column">
+        <div class="label">
+          {{ $t('profile.user') }}
+        </div>
+        <div class="subtitle is-size-6">
+          <ProfileLink :address="id" :inline="true" :showTwitter="true"/>
+        </div>
       </div>
-      <div class="column has-text-centered">
-        <OnChainProperty
-          v-bind:email="email"
-          v-bind:twitter="twitter"
-          v-bind:web="web"
-          v-bind:legal="legal"
-          v-bind:riot="riot"
+      <div class="column is-2">
+        <Sharing
+          class="mb-2"
+          v-if="!sharingVisible"
+          label="Check this awesome Profile on %23KusamaNetwork %23KodaDot"
+          :iframe="iframeSettings"
         />
-      </div>
-      <div class="column has-text-right-tablet">
-        <div class="share-mobile">
-          <Sharing
-            v-if="!sharingVisible"
-            label="Check this awesome Profile on %23KusamaNetwork %23KodaDot"
-            :iframe="iframeSettings"
-          />
-        </div>
+        <DonationButton :address="id" style="width: 100%;" />
       </div>
     </div>
 
@@ -131,11 +127,12 @@ const components = {
   Sharing: () => import('@/components/rmrk/Gallery/Item/Sharing.vue'),
   Identity: () => import('@/components/shared/format/Identity.vue'),
   Pagination: () => import('@/components/rmrk/Gallery/Pagination.vue'),
-  OnChainProperty: () => import('@/views/OnChainProperty.vue'),
+  // OnChainProperty: () => import('@/views/OnChainProperty.vue'),
   PaginatedCardList: () =>
     import('@/components/rmrk/Gallery/PaginatedCardList.vue'),
   DonationButton: () => import('@/components/transfer/DonationButton.vue'),
   Avatar: () => import('@/components/shared/Avatar.vue'),
+  ProfileLink: () => import('@/components/rmrk/Profile/ProfileLink.vue'),
 
 }
 
@@ -377,24 +374,4 @@ export default class Profile extends Vue {
   flex-basis: auto;
 }
 
-.share-mobile {
-  width: 50%;
-  margin-left: auto;
-}
-
-@media only screen and (max-width: 768px) {
-  .column-mobile {
-    align-items: center;
-    display: flex;
-    justify-content: center;
-  }
-
-  .container-mobile {
-    flex-direction: column;
-  }
-
-  .share-mobile {
-    width: 100%;
-  }
-}
 </style>

From ac80f1bfa3934edba10dcb01bba83170a1f97bc7 Mon Sep 17 00:00:00 2001
From: roiLeo <medina.leo42@gmail.com>
Date: Thu, 21 Oct 2021 15:30:29 +0200
Subject: [PATCH 2/2] feat(collection&profile): lint files

---
 src/locales/en.json   | 18 +++++++++---------
 src/views/Profile.vue |  1 -
 2 files changed, 9 insertions(+), 10 deletions(-)

diff --git a/src/locales/en.json b/src/locales/en.json
index ee601fbd02..2ca098d47f 100644
--- a/src/locales/en.json
+++ b/src/locales/en.json
@@ -247,13 +247,13 @@
     "accept": "I confirm that I hold full copyright ownership of the submitted digital asset (or have sufficient permission by the owner to use the asset)"
   },
   "profile": {
-	  "user": "User",
+    "user": "User",
     "created": "Created",
     "collected": "Collected",
     "sold": "Sold"
   },
   "spotlight": {
-	"filter_accounts": "Accounts With Identity",
+    "filter_accounts": "Accounts With Identity",
     "id": "Creator",
     "sold": "Sold",
     "unique": "Unique",
@@ -265,13 +265,13 @@
     "empty": "Empty"
   },
   "series": {
-	"title": "Top Collection",
-	"subtitle": "The top NFTs on RMRK, ranked by volume, floor price and other statistics.",
-	"assets": "Assets",
-	"collected": "Collected",
-	"floorprice": "Floor price",
-	"owners": "Owners",
-	"volume": "Volume"
+    "title": "Top Collection",
+    "subtitle": "The top NFTs on RMRK, ranked by volume, floor price and other statistics.",
+    "assets": "Assets",
+    "collected": "Collected",
+    "floorprice": "Floor price",
+    "owners": "Owners",
+    "volume": "Volume"
   },
   "tutorial": {
     "create": "1. Create polkadot js account",
diff --git a/src/views/Profile.vue b/src/views/Profile.vue
index 4bd36d31eb..edd992884c 100644
--- a/src/views/Profile.vue
+++ b/src/views/Profile.vue
@@ -127,7 +127,6 @@ const components = {
   Sharing: () => import('@/components/rmrk/Gallery/Item/Sharing.vue'),
   Identity: () => import('@/components/shared/format/Identity.vue'),
   Pagination: () => import('@/components/rmrk/Gallery/Pagination.vue'),
-  // OnChainProperty: () => import('@/views/OnChainProperty.vue'),
   PaginatedCardList: () =>
     import('@/components/rmrk/Gallery/PaginatedCardList.vue'),
   DonationButton: () => import('@/components/transfer/DonationButton.vue'),