jketreno/whisky
1
0
Fork 0
Code Issues Activity

Show quantity correctly

Browse Source 
Signed-off-by: James Ketrenos <james_eikona@ketrenos.com>
This commit is contained in:
James Ketrenos 2021-08-16 15:48:07 -07:00
parent 056b388520
commit afabcd057f
1 changed files with 36 additions and 41 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

43
whisky-business/App.tsx
View File

@ -14,6 +14,7 @@ const Whisky = (props : { active?: boolean, whisky: any, style: any }) => {
const locations: any[] = []; const locations: any[] = [];
if (whisky.inventories) {
whisky.inventories.forEach((item : { location: any, quantity: number, updated: string }) => { whisky.inventories.forEach((item : { location: any, quantity: number, updated: string }) => {
quantity += item.quantity; quantity += item.quantity;
const updated = moment(item.updated, 'YYYY-MM-DD'); const updated = moment(item.updated, 'YYYY-MM-DD');
@ -28,6 +29,7 @@ const Whisky = (props : { active?: boolean, whisky: any, style: any }) => {
</View> </View>
) )
}); });
}
const date = (time.unix() == 0) ? "" : time.format("YYYY-MM-DD"); const date = (time.unix() == 0) ? "" : time.format("YYYY-MM-DD");
return ( return (
@ -36,7 +38,7 @@ const Whisky = (props : { active?: boolean, whisky: any, style: any }) => {
<View style={whiskyStyles.code}><Text>{whisky.code}</Text></View> <View style={whiskyStyles.code}><Text>{whisky.code}</Text></View>
<View style={whiskyStyles.description}><Text>{whisky.description}</Text></View> <View style={whiskyStyles.description}><Text>{whisky.description}</Text></View>
<View style={whiskyStyles.date}><Text>{date}</Text></View> <View style={whiskyStyles.date}><Text>{date}</Text></View>
<View style={whiskyStyles.quantity}><Text>{quantity}</Text></View> <View style={whiskyStyles.quantity}><Text>{whisky.quantity}</Text></View>
</View> </View>
{ props.active && <View style={styles.vertical}> { props.active && <View style={styles.vertical}>
{ locations } { locations }
@ -85,6 +87,7 @@ const whiskyStyles = StyleSheet.create({
export default function App() { export default function App() {
const [whiskies, setWhiskies] = useState<any>(null), const [whiskies, setWhiskies] = useState<any>(null),
[search, setSearch] = useState<string>(""), [search, setSearch] = useState<string>(""),
[lastSearch, setLastSearch] = useState<string>(""),
[activeWhisky, setActiveWhisky] = useState<string>(""); [activeWhisky, setActiveWhisky] = useState<string>("");
const onPress = (code : string) => { const onPress = (code : string) => {
@ -92,7 +95,8 @@ export default function App() {
}; };
const items = whiskies ? whiskies const items = whiskies ? whiskies
.filter((item : any) => item.size == 750 && item.inventories.length) .filter((item : any) => item.size == 750)
.sort((a : any, b : any) => a.description.localeCompare(b.description))
.map((whisky : any) => { .map((whisky : any) => {
const active = whisky.code == activeWhisky; const active = whisky.code == activeWhisky;
return ( return (
@ -127,40 +131,31 @@ export default function App() {
} }
}`; }`;
client.request(query)
.then(data => {
setWhiskies(data.Whiskies);
})
.catch (error => {
console.error(error);
});
const submitSearch = () => { const submitSearch = () => {
const query = gql` { if (search.trim() == "") {
Whiskies { setWhiskies([]);
return;
}
if (lastSearch == search) {
return;
}
const _query = gql` {
Whiskies(code:"${search}") {
code code
description description
price price
size size
lastSeen lastSeen
inventories {
location {
code
address
city
phone
longitude
latitude
}
quantity quantity
updated updated
} }
}
}`; }`;
console.log(search); setLastSearch(search);
client.request(query) client.request(_query)
.then(data => { .then(data => {
setWhiskies(data.Whiskies); setWhiskies(data.Whiskies);
}) })