jsnbuchanan/crowd-funder-for-time-pwa
1
0
Fork 1
forked from trent_larson/crowd-funder-for-time-pwa
Code Issues Pull Requests Projects Releases Wiki Activity

Fix: removed links and elements

Browse Source 
- Removed links from icons and giver name
- Removed confirm button
- Lint fixes
This commit is contained in:
Jose Olarte III
2025-03-21 15:52:45 +08:00
parent e11d616a67
commit 06f658579a
1 changed files with 15 additions and 33 deletions
Download Patch File Download Diff File Expand all files Collapse all files

48
src/components/ActivityListItem.vue
View File

@@ -12,21 +12,16 @@
<div class="bg-slate-100 rounded-t-md border border-slate-300 p-3 sm:p-4"> <div class="bg-slate-100 rounded-t-md border border-slate-300 p-3 sm:p-4">
<div class="flex items-center gap-2 mb-6"> <div class="flex items-center gap-2 mb-6">
<a href="" <img
><img src="https://a.fsdn.com/con/app/proj/identicons/screenshots/225506.jpg"
src="https://a.fsdn.com/con/app/proj/identicons/screenshots/225506.jpg" class="size-8 object-cover rounded-full"
class="size-8 object-cover rounded-full" />
/></a>
<div> <div>
<h3 class="font-semibold"> <h3 class="font-semibold">
<a href="" class="hover:underline"> {{
{{ record.giver.known ? record.giver.displayName : "Anonymous Giver"
record.giver.known }}
? record.giver.displayName
: "Anonymous Giver"
}}
</a>
</h3> </h3>
<p class="ms-auto text-xs text-slate-500 italic"> <p class="ms-auto text-xs text-slate-500 italic">
{{ friendlyDate }} {{ friendlyDate }}
@@ -55,8 +50,7 @@
<div class="relative flex justify-between gap-4 max-w-lg mx-auto mb-5"> <div class="relative flex justify-between gap-4 max-w-lg mx-auto mb-5">
<!-- Source --> <!-- Source -->
<a <div
href=""
class="w-28 sm:w-40 text-center bg-white border border-slate-200 rounded p-2 sm:p-3" class="w-28 sm:w-40 text-center bg-white border border-slate-200 rounded p-2 sm:p-3"
> >
<div class="relative w-fit mx-auto"> <div class="relative w-fit mx-auto">
@@ -103,7 +97,7 @@
/> />
{{ record.giver.displayName }} {{ record.giver.displayName }}
</div> </div>
</a> </div>
<!-- Arrow --> <!-- Arrow -->
<div <div
@@ -125,8 +119,7 @@
</div> </div>
<!-- Destination --> <!-- Destination -->
<a <div
href=""
class="w-28 sm:w-40 text-center bg-white border border-slate-200 rounded p-2 sm:p-3" class="w-28 sm:w-40 text-center bg-white border border-slate-200 rounded p-2 sm:p-3"
> >
<div class="relative w-fit mx-auto"> <div class="relative w-fit mx-auto">
@@ -173,7 +166,7 @@
/> />
{{ record.receiver.displayName }} {{ record.receiver.displayName }}
</div> </div>
</a> </div>
</div> </div>
<!-- Description --> <!-- Description -->
@@ -191,18 +184,6 @@
<a @click="$emit('loadClaim', record.jwtId)" class="cursor-pointer"> <a @click="$emit('loadClaim', record.jwtId)" class="cursor-pointer">
<fa icon="circle-info" class="fa-fw text-slate-500" /> <fa icon="circle-info" class="fa-fw text-slate-500" />
</a> </a>
<button
@click="handleConfirmClick"
:disabled="!canConfirm"
class="text-sm text-white px-3 py-1.5 ms-auto rounded-md"
:class="[
canConfirm
? 'bg-gradient-to-b from-blue-400 to-blue-700 shadow-[inset_0_-1px_0_0_rgba(0,0,0,0.5)]'
: 'bg-gradient-to-b from-slate-400 to-slate-700 shadow-[inset_0_-1px_0_0_rgba(0,0,0,0.5)] opacity-50',
]"
>
Confirm
</button>
</div> </div>
</li> </li>
</template> </template>
@@ -229,8 +210,9 @@ export default class ActivityListItem extends Vue {
@Prop() confirmerIdList?: string[]; @Prop() confirmerIdList?: string[];
get fetchAmount(): string { get fetchAmount(): string {
const claim = (this.record.fullClaim as unknown).claim || this.record.fullClaim; const claim =
(this.record.fullClaim as unknown).claim || this.record.fullClaim;
const amount = claim.object?.amountOfThisGood const amount = claim.object?.amountOfThisGood
? this.displayAmount(claim.object.unitCode, claim.object.amountOfThisGood) ? this.displayAmount(claim.object.unitCode, claim.object.amountOfThisGood)
: ""; : "";
@@ -288,7 +270,7 @@ export default class ActivityListItem extends Vue {
get description(): string { get description(): string {
const claim = const claim =
(this.record.fullClaim as unknown).claim || this.record.fullClaim; (this.record.fullClaim as unknown).claim || this.record.fullClaim;
if (!claim.description) { if (!claim.description) {
return "something not described"; return "something not described";
} }