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

fix(ui): resolve duplicate attributes and improve code style

Browse Source 
- Remove duplicate class attributes in ProjectsView and ClaimView
- Fix attribute ordering for better readability
- Replace this references with direct variable names in templates
- Update icon-size prop to use kebab-case
- Remove unnecessary comments and improve formatting
- Fix import organization in ProjectsView

This commit resolves Vue template errors and improves code consistency.
This commit is contained in:
Matthew Raymer
2025-04-02 00:39:38 -07:00
parent e94c8d179a
commit 9bccd1f02d
7 changed files with 384 additions and 371 deletions
Download Patch File Download Diff File Expand all files Collapse all files

32
src/components/InfiniteScroll.vue
View File

@@ -1,12 +1,8 @@
/**
* @file InfiniteScroll.vue
* @description A Vue component that implements infinite scrolling functionality using the Intersection Observer API.
* This component emits a 'reached-bottom' event when the user scrolls near the bottom of the content.
* It includes debouncing to prevent multiple rapid triggers and loading state management.
*
* @author Matthew Raymer
* @version 1.0.0
*/
/** * @file InfiniteScroll.vue * @description A Vue component that implements
infinite scrolling functionality using the Intersection Observer API. * This
component emits a 'reached-bottom' event when the user scrolls near the bottom
of the content. * It includes debouncing to prevent multiple rapid triggers and
loading state management. * * @author Matthew Raymer * @version 1.0.0 */
<template>
<div ref="scrollContainer">
@@ -20,21 +16,21 @@ import { Component, Emit, Prop, Vue } from "vue-facing-decorator";
/**
* InfiniteScroll Component
*
*
* This component implements infinite scrolling functionality by observing when a user
* scrolls near the bottom of the content. It uses the Intersection Observer API for
* efficient scroll detection and includes debouncing to prevent multiple rapid triggers.
*
*
* Usage in template:
* ```vue
* <InfiniteScroll @reached-bottom="loadMore">
* <div>Content goes here</div>
* </InfiniteScroll>
* ```
*
*
* Props:
* - distance: number (default: 200) - Distance in pixels from the bottom at which to trigger the event
*
*
* Events:
* - reached-bottom: Emitted when the user scrolls near the bottom of the content
*/
@@ -59,7 +55,7 @@ export default class InfiniteScroll extends Vue {
/**
* Vue lifecycle hook that runs after component updates.
* Initializes the Intersection Observer if not already set up.
*
*
* @internal
* Used internally by Vue's lifecycle system
*/
@@ -81,7 +77,7 @@ export default class InfiniteScroll extends Vue {
/**
* Vue lifecycle hook that runs before component unmounting.
* Cleans up the Intersection Observer and any pending timeouts.
*
*
* @internal
* Used internally by Vue's lifecycle system
*/
@@ -97,10 +93,10 @@ export default class InfiniteScroll extends Vue {
/**
* Handles intersection observer callbacks when the sentinel element becomes visible.
* Implements debouncing to prevent multiple rapid triggers and manages loading state.
*
*
* @param entries - Array of IntersectionObserverEntry objects
* @returns false (required by @Emit decorator)
*
*
* @internal
* Used internally by the Intersection Observer
* @emits reached-bottom - Emitted when the user scrolls near the bottom
@@ -113,7 +109,7 @@ export default class InfiniteScroll extends Vue {
if (this.debounceTimeout) {
window.clearTimeout(this.debounceTimeout);
}
this.debounceTimeout = window.setTimeout(() => {
this.isLoading = true;
this.$emit("reached-bottom", true);

1
src/views/ClaimView.vue
View File

@@ -222,7 +222,6 @@
<div v-if="libsUtil.isGiveAction(veriClaim)">
<div class="flex columns-3">
<button
class="col-span-1 bg-gradient-to-b from-slate-400 to-slate-700 shadow-[inset_0_-1px_0_0_rgba(0,0,0,0.5)] text-white mt-2 px-4 py-2 rounded-md"
v-if="
libsUtil.isGiveRecordTheUserCanConfirm(
isRegistered,

16
src/views/ContactsView.vue
View File

@@ -199,7 +199,7 @@
<EntityIcon
:contact="contact"
:iconSize="48"
:icon-size="48"
class="inline-block align-text-bottom border border-slate-300 rounded cursor-pointer overflow-hidden"
@click="showLargeIdenticon = contact"
/>
@@ -237,17 +237,17 @@
>
<button
class="text-sm bg-gradient-to-b from-blue-400 to-blue-700 shadow-[inset_0_-1px_0_0_rgba(0,0,0,0.5)] text-white px-2 py-1.5 rounded-l-md"
@click="confirmShowGiftedDialog(contact.did, activeDid)"
:title="givenToMeDescriptions[contact.did] || ''"
@click="confirmShowGiftedDialog(contact.did, activeDid)"
>
From:
<br />
{{
/* eslint-disable prettier/prettier */
this.showGiveTotals
showGiveTotals
? ((givenToMeConfirmed[contact.did] || 0)
+ (givenToMeUnconfirmed[contact.did] || 0))
: this.showGiveConfirmed
: showGiveConfirmed
? (givenToMeConfirmed[contact.did] || 0)
: (givenToMeUnconfirmed[contact.did] || 0)
/* eslint-enable prettier/prettier */
@@ -256,17 +256,17 @@
<button
class="text-sm bg-gradient-to-b from-blue-400 to-blue-700 shadow-[inset_0_-1px_0_0_rgba(0,0,0,0.5)] text-white -ml-1.5 px-2 py-1.5 rounded-r-md border-l"
@click="confirmShowGiftedDialog(activeDid, contact.did)"
:title="givenByMeDescriptions[contact.did] || ''"
@click="confirmShowGiftedDialog(activeDid, contact.did)"
>
To:
<br />
{{
/* eslint-disable prettier/prettier */
this.showGiveTotals
showGiveTotals
? ((givenByMeConfirmed[contact.did] || 0)
+ (givenByMeUnconfirmed[contact.did] || 0))
: this.showGiveConfirmed
: showGiveConfirmed
? (givenByMeConfirmed[contact.did] || 0)
: (givenByMeUnconfirmed[contact.did] || 0)
/* eslint-enable prettier/prettier */
@@ -275,8 +275,8 @@
<button
class="text-sm bg-gradient-to-b from-blue-400 to-blue-700 shadow-[inset_0_-1px_0_0_rgba(0,0,0,0.5)] text-white px-2 py-1.5 rounded-md border border-blue-400"
@click="openOfferDialog(contact.did, contact.name)"
data-testId="offerButton"
@click="openOfferDialog(contact.did, contact.name)"
>
Offer
</button>

258
src/views/HomeView.vue
View File

@@ -1,12 +1,8 @@
/**
* @file HomeView.vue
* @description Main view component for the application's home page. Handles user identity, feed management,
* and interaction with various dialogs and components. Implements infinite scrolling for activity feed
* and manages user registration status.
*
* @author Matthew Raymer
* @version 1.0.0
*/
/** * @file HomeView.vue * @description Main view component for the
application's home page. Handles user identity, feed management, * and
interaction with various dialogs and components. Implements infinite scrolling
for activity feed * and manages user registration status. * * @author Matthew
Raymer * @version 1.0.0 */
<template>
<QuickNav selected="Home" />
@@ -356,21 +352,21 @@ import { GiveRecordWithContactInfo } from "types";
/**
* HomeView Component
*
*
* Main view component that handles:
* 1. User identity and registration management
* 2. Activity feed with infinite scrolling
* 3. Contact management and display
* 4. Gift/claim creation and viewing
* 5. Feed filtering and settings
*
*
* Template Usage:
* ```vue
* <HomeView>
* <!-- Content is managed internally -->
* </HomeView>
* ```
*
*
* Component Dependencies:
* - QuickNav: Navigation component
* - TopMessage: Message display component
@@ -444,7 +440,7 @@ export default class HomeView extends Vue {
* 5. Load feed data
* 6. Load new offers
* 7. Check onboarding status
*
*
* @internal
* Called automatically by Vue lifecycle system
*/
@@ -468,7 +464,7 @@ export default class HomeView extends Vue {
* - Creates new DID if none exists
* - Loads user settings and contacts
* - Checks registration status
*
*
* @internal
* Called by mounted()
* @throws Logs error if DID retrieval fails
@@ -576,7 +572,7 @@ export default class HomeView extends Vue {
* - Feed filters and view settings
* - Registration status
* - Notification acknowledgments
*
*
* @internal
* Called by mounted() and reloadFeedOnChange()
*/
@@ -600,7 +596,7 @@ export default class HomeView extends Vue {
/**
* Loads user contacts from database
* Used for displaying contact info in feed and actions
*
*
* @internal
* Called by mounted() and initializeIdentity()
*/
@@ -613,7 +609,7 @@ export default class HomeView extends Vue {
* - Checks if unregistered user can access API
* - Updates registration status if successful
* - Preserves unregistered state on failure
*
*
* @internal
* Called by mounted() and initializeIdentity()
*/
@@ -642,7 +638,7 @@ export default class HomeView extends Vue {
/**
* Initializes feed data
* Triggers updateAllFeed() to populate activity feed
*
*
* @internal
* Called by mounted()
*/
@@ -656,7 +652,7 @@ export default class HomeView extends Vue {
* - Number of new direct offers
* - Number of new project offers
* - Rate limit status for both
*
*
* @internal
* Called by mounted() and initializeIdentity()
* @requires Active DID
@@ -686,7 +682,7 @@ export default class HomeView extends Vue {
/**
* Checks if user needs onboarding
* Opens onboarding dialog if not completed
*
*
* @internal
* Called by mounted()
*/
@@ -701,7 +697,7 @@ export default class HomeView extends Vue {
* Handles errors during initialization
* - Logs error to console and database
* - Displays user notification
*
*
* @internal
* Called by mounted() and handleFeedError()
* @param err Error object with optional userMessage
@@ -723,7 +719,7 @@ export default class HomeView extends Vue {
/**
* Checks if feed results are being filtered
*
*
* @public
* Used in template for filter button display
* @returns true if visible or nearby filters are active
@@ -734,7 +730,7 @@ export default class HomeView extends Vue {
/**
* Checks if browser notifications are supported
*
*
* @public
* Used in template for notification feature detection
* @returns true if Notification API is available
@@ -748,7 +744,7 @@ export default class HomeView extends Vue {
* - Updates filter states
* - Clears existing feed data
* - Triggers new feed load
*
*
* @public
* Called by FeedFilters component when filters change
*/
@@ -765,7 +761,7 @@ export default class HomeView extends Vue {
/**
* Loads more feed items for infinite scroll
*
*
* @public
* Called by InfiniteScroll component when bottom is reached
* @param payload Boolean indicating if more items should be loaded
@@ -781,18 +777,18 @@ export default class HomeView extends Vue {
/**
* Checks if coordinates fall within any search box
*
*
* @internal
* @callGraph
* Called by: shouldIncludeRecord()
* Calls: None
*
*
* @chain
* shouldIncludeRecord() -> latLongInAnySearchBox()
*
*
* @requires
* - this.searchBoxes
*
*
* @param lat Latitude to check
* @param long Longitude to check
* @returns true if coordinates are within any search box
@@ -812,10 +808,10 @@ export default class HomeView extends Vue {
/**
* Updates feed with latest activity
*
*
* @internal
* @callGraph
* Called by:
* Called by:
* - loadMoreGives()
* - initializeIdentity()
* Calls:
@@ -823,16 +819,16 @@ export default class HomeView extends Vue {
* - processFeedResults()
* - updateFeedLastViewedId()
* - handleFeedError()
*
*
* @chain
* loadMoreGives() -> updateAllFeed()
* initializeIdentity() -> updateAllFeed()
*
*
* @requires
* - this.apiServer
* - this.activeDid
* - this.feedPreviousOldestId
*
*
* @modifies
* - this.isFeedLoading
* - this.feedData (via processFeedResults)
@@ -841,9 +837,12 @@ export default class HomeView extends Vue {
async updateAllFeed() {
this.isFeedLoading = true;
let endOfResults = true;
try {
const results = await this.retrieveGives(this.apiServer, this.feedPreviousOldestId);
const results = await this.retrieveGives(
this.apiServer,
this.feedPreviousOldestId,
);
if (results.data.length > 0) {
endOfResults = false;
await this.processFeedResults(results.data);
@@ -856,29 +855,29 @@ export default class HomeView extends Vue {
if (this.feedData.length === 0 && !endOfResults) {
await this.updateAllFeed();
}
this.isFeedLoading = false;
}
/**
* Processes feed results and adds them to feedData
*
*
* @internal
* @callGraph
* Called by: updateAllFeed()
* Calls: processRecord()
*
*
* @chain
* updateAllFeed() -> processFeedResults()
*
*
* @requires
* - this.feedData
* - this.feedPreviousOldestId
*
*
* @modifies
* - this.feedData
* - this.feedPreviousOldestId
*
*
* @param records Array of feed records to process
*/
private async processFeedResults(records: GiveSummaryRecord[]) {
@@ -893,11 +892,11 @@ export default class HomeView extends Vue {
/**
* Processes a single record and returns it if it passes filters
*
*
* @internal
* @callGraph
* Called by: processFeedResults()
* Calls:
* Calls:
* - extractClaim()
* - extractGiverDid()
* - extractRecipientDid()
@@ -906,24 +905,26 @@ export default class HomeView extends Vue {
* - extractProvider()
* - getProvidedByPlan()
* - createFeedRecord()
*
*
* @chain
* updateAllFeed() -> processFeedResults() -> processRecord()
*
*
* @requires
* - this.isAnyFeedFilterOn
* - this.isFeedFilteredByVisible
* - this.isFeedFilteredByNearby
* - this.activeDid
* - this.allContacts
*
*
* @modifies
* - this.feedData (via createFeedRecord)
*
*
* @param record The record to process
* @returns Processed record with contact info if it passes filters, null otherwise
*/
private async processRecord(record: GiveSummaryRecord): Promise<GiveRecordWithContactInfo | null> {
private async processRecord(
record: GiveSummaryRecord,
): Promise<GiveRecordWithContactInfo | null> {
const claim = this.extractClaim(record);
const giverDid = this.extractGiverDid(claim);
const recipientDid = this.extractRecipientDid(claim);
@@ -936,23 +937,31 @@ export default class HomeView extends Vue {
const provider = this.extractProvider(claim);
const providedByPlan = await this.getProvidedByPlan(provider);
return this.createFeedRecord(record, claim, giverDid, recipientDid, provider, fulfillsPlan, providedByPlan);
return this.createFeedRecord(
record,
claim,
giverDid,
recipientDid,
provider,
fulfillsPlan,
providedByPlan,
);
}
/**
* Extracts claim from record, handling both direct and wrapped claims
*
*
* @internal
* @callGraph
* Called by: processRecord()
* Calls: None
*
*
* @chain
* processRecord() -> extractClaim()
*
*
* @requires
* - record.fullClaim
*
*
* @param record The record containing the claim
* @returns The extracted claim object
*/
@@ -963,18 +972,18 @@ export default class HomeView extends Vue {
/**
* Extracts giver DID from claim
*
*
* @internal
* @callGraph
* Called by: processRecord()
* Calls: None
*
*
* @chain
* processRecord() -> extractGiverDid()
*
*
* @requires
* - claim.agent
*
*
* @param claim The claim object containing giver information
* @returns The giver's DID
*/
@@ -985,7 +994,7 @@ export default class HomeView extends Vue {
/**
* Extracts recipient DID from claim
*
*
* @internal
* Called by processRecord()
*/
@@ -996,20 +1005,20 @@ export default class HomeView extends Vue {
/**
* Gets fulfills plan from cache
*
*
* @internal
* @callGraph
* Called by: processRecord()
* Calls: getPlanFromCache()
*
*
* @chain
* processRecord() -> getFulfillsPlan()
*
*
* @requires
* - this.axios
* - this.apiServer
* - this.activeDid
*
*
* @param record The record containing the plan handle ID
* @returns The fulfills plan object
*/
@@ -1024,28 +1033,31 @@ export default class HomeView extends Vue {
/**
* Checks if record should be included based on filters
*
*
* @internal
* @callGraph
* Called by: processRecord()
* Calls:
* Calls:
* - containsNonHiddenDid()
* - latLongInAnySearchBox()
*
*
* @chain
* processRecord() -> shouldIncludeRecord()
*
*
* @requires
* - this.isAnyFeedFilterOn
* - this.isFeedFilteredByVisible
* - this.isFeedFilteredByNearby
* - this.searchBoxes
*
*
* @param record The record to check
* @param fulfillsPlan The fulfills plan object
* @returns true if record should be included based on filters
*/
private shouldIncludeRecord(record: GiveSummaryRecord, fulfillsPlan: any): boolean {
private shouldIncludeRecord(
record: GiveSummaryRecord,
fulfillsPlan: any,
): boolean {
if (!this.isAnyFeedFilterOn) {
return true;
}
@@ -1055,9 +1067,17 @@ export default class HomeView extends Vue {
anyMatch = true;
}
if (!anyMatch && this.isFeedFilteredByNearby && record.fulfillsPlanHandleId) {
if (
!anyMatch &&
this.isFeedFilteredByNearby &&
record.fulfillsPlanHandleId
) {
if (fulfillsPlan?.locLat && fulfillsPlan?.locLon) {
anyMatch = this.latLongInAnySearchBox(fulfillsPlan.locLat, fulfillsPlan.locLon) ?? false;
anyMatch =
this.latLongInAnySearchBox(
fulfillsPlan.locLat,
fulfillsPlan.locLon,
) ?? false;
}
}
@@ -1066,7 +1086,7 @@ export default class HomeView extends Vue {
/**
* Extracts provider from claim
*
*
* @internal
* Called by processRecord()
*/
@@ -1076,7 +1096,7 @@ export default class HomeView extends Vue {
/**
* Gets provided by plan from cache
*
*
* @internal
* Called by processRecord()
*/
@@ -1091,22 +1111,22 @@ export default class HomeView extends Vue {
/**
* Creates a feed record with contact info
*
*
* @internal
* @callGraph
* Called by: processRecord()
* Calls:
* Calls:
* - didInfoForContact()
* - contactForDid()
*
*
* @chain
* processRecord() -> createFeedRecord()
*
*
* @requires
* - this.activeDid
* - this.allContacts
* - this.allMyDids
*
*
* @param record The base record
* @param claim The claim object
* @param giverDid The giver's DID
@@ -1123,13 +1143,13 @@ export default class HomeView extends Vue {
recipientDid: string,
provider: any,
fulfillsPlan: any,
providedByPlan: any
providedByPlan: any,
): GiveRecordWithContactInfo {
return {
...record,
jwtId: record.jwtId,
fullClaim: record.fullClaim,
description: record.description || '',
description: record.description || "",
handleId: record.handleId,
issuerDid: record.issuerDid,
fulfillsPlanHandleId: record.fulfillsPlanHandleId,
@@ -1160,7 +1180,7 @@ export default class HomeView extends Vue {
/**
* Updates the last viewed claim ID in settings
*
*
* @internal
* Called by updateAllFeed()
*/
@@ -1178,7 +1198,7 @@ export default class HomeView extends Vue {
/**
* Handles feed error and shows notification
*
*
* @internal
* Called by updateAllFeed()
*/
@@ -1197,7 +1217,7 @@ export default class HomeView extends Vue {
/**
* Retrieve claims in reverse chronological order
*
*
* @internal
* Called by updateAllFeed()
* @param endorserApiServer API server URL
@@ -1237,22 +1257,22 @@ export default class HomeView extends Vue {
/**
* Formats gift description with giver and recipient info
*
*
* @public
* @callGraph
* Called by: Template
* Calls: displayAmount()
*
*
* @chain
* Template -> giveDescription() -> displayAmount() -> currencyShortWordForCode()
*
*
* @requires
* - giveRecord.fullClaim
* - giveRecord.giver
* - giveRecord.receiver
* - giveRecord.recipientProjectName
* - giveRecord.providerPlanName
*
*
* @param giveRecord Record containing gift information
* @returns formatted description string
*/
@@ -1338,7 +1358,7 @@ export default class HomeView extends Vue {
/**
* Navigates to activity page
*
*
* @public
* Called by template click handler
*/
@@ -1348,7 +1368,7 @@ export default class HomeView extends Vue {
/**
* Navigates to claim details page
*
*
* @public
* Called by ActivityListItem component
* @param jwtId ID of the claim to view
@@ -1362,19 +1382,19 @@ export default class HomeView extends Vue {
/**
* Formats amount with currency code
*
*
* @internal
* @callGraph
* Called by: giveDescription()
* Calls: currencyShortWordForCode()
*
*
* @chain
* giveDescription() -> displayAmount() -> currencyShortWordForCode()
*
*
* @requires
* - code: string (currency code)
* - amt: number (amount to format)
*
*
* @param code Currency code
* @param amt Amount to format
* @returns formatted amount string
@@ -1385,19 +1405,19 @@ export default class HomeView extends Vue {
/**
* Gets currency word based on code and plurality
*
*
* @internal
* @callGraph
* Called by: displayAmount()
* Calls: None
*
*
* @chain
* giveDescription() -> displayAmount() -> currencyShortWordForCode()
*
*
* @requires
* - unitCode: string (currency code)
* - single: boolean (whether to use singular form)
*
*
* @param unitCode Currency code
* @param single Whether to use singular form
* @returns formatted currency word
@@ -1408,22 +1428,22 @@ export default class HomeView extends Vue {
/**
* Opens dialog for creating new gift/claim
*
*
* @public
* @callGraph
* Called by:
* Called by:
* - Template
* - openGiftedPrompts()
* Calls: GiftedDialog.open()
*
*
* @chain
* Template -> openDialog()
* openGiftedPrompts() -> openDialog()
*
*
* @requires
* - this.$refs.customDialog
* - this.activeDid
*
*
* @param giver Optional contact info for giver
* @param description Optional gift description
*/
@@ -1442,18 +1462,18 @@ export default class HomeView extends Vue {
/**
* Opens prompts for gift ideas
*
*
* @public
* @callGraph
* Called by: Template
* Calls: openDialog()
*
*
* @chain
* Template -> openGiftedPrompts() -> openDialog()
*
*
* @requires
* - this.$refs.giftedPrompts
*
*
* @param callback Function to handle selected gift info
*/
openGiftedPrompts() {
@@ -1464,7 +1484,7 @@ export default class HomeView extends Vue {
/**
* Opens feed filter configuration
*
*
* @public
* Called by template click handler
*/
@@ -1474,7 +1494,7 @@ export default class HomeView extends Vue {
/**
* Shows toast notification to user
*
*
* @internal
* Used for various user notifications
* @param message Message to display
@@ -1493,7 +1513,7 @@ export default class HomeView extends Vue {
/**
* Computes CSS classes for known person icons
*
*
* @public
* Used in template for icon styling
* @param known Whether the person is known
@@ -1505,17 +1525,17 @@ export default class HomeView extends Vue {
/**
* Shows name input dialog if needed
*
*
* @public
* @callGraph
* Called by: Template
* Calls:
* Calls:
* - UserNameDialog.open()
* - promptForShareMethod()
*
*
* @chain
* Template -> showNameThenIdDialog() -> promptForShareMethod()
*
*
* @requires
* - this.$refs.userNameDialog
* - this.givenName
@@ -1532,15 +1552,15 @@ export default class HomeView extends Vue {
/**
* Shows dialog for sharing method selection
*
*
* @internal
* @callGraph
* Called by: showNameThenIdDialog()
* Calls: ChoiceButtonDialog.open()
*
*
* @chain
* Template -> showNameThenIdDialog() -> promptForShareMethod()
*
*
* @requires
* - this.$refs.choiceButtonDialog
* - this.$router
@@ -1566,7 +1586,7 @@ export default class HomeView extends Vue {
/**
* Caches image data for sharing
*
*
* @public
* Called by ActivityListItem component
* @param event Event object
@@ -1584,7 +1604,7 @@ export default class HomeView extends Vue {
/**
* Opens image viewer dialog
*
*
* @public
* Called by ActivityListItem component
* @param imageUrl URL of image to display
@@ -1597,7 +1617,7 @@ export default class HomeView extends Vue {
/**
* Handles claim confirmation
*
*
* @public
* Called by ActivityListItem component
* @param record Record to confirm

6
src/views/ProjectViewView.vue
View File

@@ -266,8 +266,8 @@
<div class="text-center">
<button
data-testId="offerButton"
@click="openOfferDialog()"
class="block w-full bg-gradient-to-b from-blue-400 to-blue-700 shadow-[inset_0_-1px_0_0_rgba(0,0,0,0.5)] text-white px-3 py-1.5 text-sm leading-tight rounded-md"
@click="openOfferDialog()"
>
Offer to this (maybe with conditions)...
</button>
@@ -353,8 +353,8 @@
<div v-if="activeDid && isRegistered">
<div class="text-center">
<button
@click="openGiftDialogToProject()"
class="block w-full bg-gradient-to-b from-blue-400 to-blue-700 shadow-[inset_0_-1px_0_0_rgba(0,0,0,0.5)] text-white px-3 py-1.5 text-sm leading-tight rounded-md"
@click="openGiftDialogToProject()"
>
Given To This...
</button>
@@ -511,8 +511,8 @@
<div v-if="activeDid && isRegistered">
<div class="text-center">
<button
@click="openGiftDialogFromProject()"
class="block w-full bg-gradient-to-b from-blue-400 to-blue-700 shadow-[inset_0_-1px_0_0_rgba(0,0,0,0.5)] text-white px-3 py-1.5 text-sm leading-tight rounded-md"
@click="openGiftDialogFromProject()"
>
Given By This...
</button>

6
src/views/ProjectsView.vue
View File

@@ -239,9 +239,8 @@
class="border-b border-slate-300"
>
<a
class="block py-4 flex gap-4"
@click="onClickLoadProject(project.handleId)"
class="block py-4 flex gap-4 cursor-pointer"
@click="onClickLoadProject(project.handleId)"
>
<div class="flex-none">
<ProjectIcon
@@ -284,9 +283,8 @@ import {
didInfo,
getHeaders,
getPlanFromCache,
OfferSummaryRecord,
PlanData,
} from "../libs/endorserServer";
import { OfferSummaryRecord, PlanData } from "../interfaces/records";
import * as libsUtil from "../libs/util";
import { OnboardPage } from "../libs/util";
import { logger } from "../utils/logger";