fix: ui/ux issues (#34)

* fix select first bug for creation

* add link to header

* fix date and display errors

* drop group name requirement
This commit is contained in:
Hayden 2022-10-09 05:03:24 -08:00 committed by GitHub
parent 79f7ad40cb
commit a6e3989aee
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
13 changed files with 33 additions and 46 deletions

View file

@ -21,7 +21,6 @@
const username = ref("");
const email = ref("");
const groupName = ref("");
const password = ref("");
const canRegister = ref(false);
@ -50,7 +49,6 @@
name: username.value,
email: email.value,
password: password.value,
groupName: groupName.value,
token: groupToken.value,
});
@ -152,8 +150,7 @@
</h2>
<FormTextField v-model="email" label="Set your email?" />
<FormTextField v-model="username" label="What's your name?" />
<FormTextField v-if="groupToken == ''" v-model="groupName" label="Name your group" />
<div v-else class="pt-4 pb-1 text-center">
<div v-if="!(groupToken == '')" class="pt-4 pb-1 text-center">
<p>You're Joining an Existing Group!</p>
<button type="button" class="text-xs underline" @click="groupToken = ''">
Don't Want To Join a Group?

View file

@ -177,14 +177,14 @@
if (preferences.value.showEmpty) {
return true;
}
return item.value?.purchaseFrom || item.value?.purchasePrice;
return item.value?.purchaseFrom || item.value?.purchasePrice !== "0";
});
const purchaseDetails = computed<(Detail | DateDetail)[]>(() => {
const purchaseDetails = computed<Array<Detail | DateDetail>>(() => {
return [
{
name: "Purchase From",
label: item.value?.purchaseFrom || "",
text: item.value?.purchaseFrom || "",
},
{
name: "Purchase Price",
@ -193,18 +193,19 @@
{
name: "Purchase Date",
text: item.value.purchaseTime,
type: "date",
},
] as (Detail | DateDetail)[];
];
});
const showSold = computed(() => {
if (preferences.value.showEmpty) {
return true;
}
return item.value?.soldTo || item.value?.soldPrice;
return item.value?.soldTo || item.value?.soldPrice !== "0";
});
const soldDetails = computed<Array<Detail>>(() => {
const soldDetails = computed<Array<Detail | DateDetail>>(() => {
return [
{
name: "Sold To",
@ -217,8 +218,9 @@
{
name: "Sold At",
text: item.value?.soldTime || "",
type: "date",
},
] as Detail[];
];
});
const confirm = useConfirm();