david/poker-chips-helper
1
1
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

improve styles

Browse Source
This commit is contained in:
David Westgate 2025-02-24 19:44:27 -08:00
parent 8d3641095b
commit 4cc8db3e9c
1 changed files with 54 additions and 86 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

140
components/ChipDistributionSummary.tsx
View File

@ -1,7 +1,6 @@
import React, { useEffect, useMemo, useState } from "react"; import React, { useEffect, useMemo, useState } from "react";
import { View, Text, StyleSheet } from "react-native"; import { View, Text, StyleSheet } from "react-native";
import { ColorValue } from "react-native"; import { ColorValue } from "react-native";
// import { COLORS } from "@/app";
interface ChipDistributionSummaryProps { interface ChipDistributionSummaryProps {
playerCount: number; playerCount: number;
@ -45,7 +44,7 @@ const ChipDistributionSummary = ({
return m; return m;
}, [playerCount, buyInAmount, totalChipsCount]); }, [playerCount, buyInAmount, totalChipsCount]);
// Helper function to return the closest (but lower) valid denomination to the target // Return the closest (but lower) valid denomination to the target
const findFloorDenomination = (target: number): validDenomination => { const findFloorDenomination = (target: number): validDenomination => {
let current: validDenomination = validDenominations[0]; let current: validDenomination = validDenominations[0];
validDenominations.forEach((value, index) => { validDenominations.forEach((value, index) => {
@ -55,6 +54,7 @@ const ChipDistributionSummary = ({
}; };
// Bound for the value of the highest chip // Bound for the value of the highest chip
// This is somewhat arbitray, but 1/3 to 1/4 is reasonable depending on the number of colors.
const maxDenomination = useMemo(() => { const maxDenomination = useMemo(() => {
if (chipMap.size > 3) { if (chipMap.size > 3) {
return findFloorDenomination(buyInAmount / 3); return findFloorDenomination(buyInAmount / 3);
@ -69,6 +69,7 @@ const ChipDistributionSummary = ({
[buyInAmount, playerCount] [buyInAmount, playerCount]
); );
// The total value of all chips distributed to a single player. Ideally should be equal to buyInAmount
const totalValue = useMemo(() => { const totalValue = useMemo(() => {
let value = 0; let value = 0;
for (let i = 0; i < totalChipsCount.length; i++) { for (let i = 0; i < totalChipsCount.length; i++) {
@ -77,41 +78,18 @@ const ChipDistributionSummary = ({
return value; return value;
}, [distributions, denominations]); }, [distributions, denominations]);
// Maximum quantity of each chip which may be distributed to a single player before running out // Maximum quantity of each chip color which may be distributed to a single player before running out
const maxPossibleDistribution = useMemo( const maxPossibleDistribution = useMemo(
() => totalChipsCount.map((v) => Math.floor(v / playerCount)), () => totalChipsCount.map((v) => Math.floor(v / playerCount)),
[totalChipsCount, playerCount] [totalChipsCount, playerCount]
); );
// Redenominate the chips in case of failure to properly distribute.
// Move the shuffle index to the next lowest denomination, and keep all else same
const redenominate = ( const redenominate = (
invalidDenomination: validDenomination[], invalidDenomination: validDenomination[],
shuffleIndex: number shuffleIndex: number
): validDenomination[] => { ): validDenomination[] => {
console.log("Old Denominations ", invalidDenomination);
const newDenomination: validDenomination[] = [];
for (let i = invalidDenomination.length - 1; i >= 0; i--) {
if (i > shuffleIndex) {
newDenomination.push(invalidDenomination[i]);
} else if (i == shuffleIndex) {
newDenomination.push(invalidDenomination[i]);
} else {
const nextLowestDenominationIndex = Math.max(
validDenominations.indexOf(invalidDenomination[i]) - 1,
0
);
newDenomination.push(validDenominations[nextLowestDenominationIndex]);
}
}
newDenomination.reverse();
console.log("New Denominations ", newDenomination);
return newDenomination;
};
const redenominate2 = (
invalidDenomination: validDenomination[],
shuffleIndex: number
): validDenomination[] => {
console.log("Old Denominations ", invalidDenomination);
let moved = false; let moved = false;
const newDenomination: validDenomination[] = []; const newDenomination: validDenomination[] = [];
for (let i = invalidDenomination.length - 1; i >= 0; i--) { for (let i = invalidDenomination.length - 1; i >= 0; i--) {
@ -131,12 +109,10 @@ const ChipDistributionSummary = ({
} }
} }
newDenomination.reverse(); newDenomination.reverse();
console.log("New Denominations ", newDenomination);
return newDenomination; return newDenomination;
}; };
useEffect(() => { useEffect(() => {
// const testDistribution: Map<ColorValue, number> = new Map();
let testDenomination: validDenomination[] = []; let testDenomination: validDenomination[] = [];
const numColors = chipMap.size; const numColors = chipMap.size;
@ -146,7 +122,6 @@ const ChipDistributionSummary = ({
} }
let numColorsRemaining = numColors; let numColorsRemaining = numColors;
// testDistribution.set(colors[numColors - 1], maxDenomination);
testDenomination.push(maxDenomination); testDenomination.push(maxDenomination);
numColorsRemaining -= 1; numColorsRemaining -= 1;
let currentDenominationIndex: number = let currentDenominationIndex: number =
@ -159,53 +134,21 @@ const ChipDistributionSummary = ({
} }
testDenomination.reverse(); testDenomination.reverse();
// console.log("BUY IN: ", buyInAmount);
// console.log("PLAYER COUNT ", playerCount);
// DISTRIBUTE
let remainingValue = buyInAmount; let remainingValue = buyInAmount;
// console.log("\ntest Denomination", testDenomination);
// console.log("test distribution ", testDistribution);
// console.log("remainingChips", remainingChips);
// console.log("remaining value ", remainingValue);
//First distribute one of each chip to each player
// for (let i = numColors - 1; i >= 0; i--) {
// testDistribution[i] = testDistribution[i] + 1;
// remainingChips[i] = remainingChips[i] - 1;
// remainingValue = remainingValue - testDenomination[i];
// }
// console.log("\ntest Denomination", testDenomination);
// console.log("test distribution ", testDistribution);
// console.log("remainingChips", remainingChips);
// console.log("remaining value ", remainingValue);
//Then, greedy approach to distribute remaining chips
let fail = true; let fail = true;
let failCount = 0; let failCount = 0;
while (fail && failCount < 10) { while (fail && failCount < 1) {
let stop = false; let stop = false;
while (remainingValue > 0 && !stop) { while (remainingValue > 0 && !stop) {
let distributed = false; let distributed = false;
for (let i = numColors - 1; i >= 0; i = i - 1) { for (let i = numColors - 1; i >= 0; i = i - 1) {
console.log("i: ", i);
if (testDistribution[i] < maxPossibleDistribution[i]) { if (testDistribution[i] < maxPossibleDistribution[i]) {
if (remainingValue >= testDenomination[i]) { if (remainingValue >= testDenomination[i]) {
// console.log("distributing ", testDenomination[i]);
testDistribution[i] = testDistribution[i] + 1; testDistribution[i] = testDistribution[i] + 1;
remainingValue = remainingValue - testDenomination[i]; remainingValue = remainingValue - testDenomination[i];
distributed = true; distributed = true;
} else {
// console.log(
// "Max distribution reached for value",
// testDenomination[i],
// "remaining value is ",
// remainingValue
// );
} }
} else {
// console.log("no more chips left for ", colors[i]);
} }
} }
if (distributed == false) { if (distributed == false) {
@ -213,10 +156,8 @@ const ChipDistributionSummary = ({
} }
} }
if (remainingValue !== 0) { if (remainingValue !== 0) {
console.log(`\n Failed: ${remainingValue} !== 0 Redenominating `);
const redenominateIndex = failCount % numColors; const redenominateIndex = failCount % numColors;
console.log("Redenominating index ", redenominateIndex); testDenomination = redenominate(testDenomination, redenominateIndex);
testDenomination = redenominate2(testDenomination, redenominateIndex);
failCount += 1; failCount += 1;
fail = true; fail = true;
} else { } else {
@ -224,29 +165,39 @@ const ChipDistributionSummary = ({
} }
} }
// console.log("\ntest Denomination", testDenomination);
// console.log("test distribution ", testDistribution);
// console.log("remainingChips", remainingChips);
// console.log("remaining value ", remainingValue);
setDenominations(testDenomination); setDenominations(testDenomination);
setDistributions(testDistribution); setDistributions(testDistribution);
}, [chipMap, maxDenomination, buyInAmount, playerCount]); }, [chipMap, maxDenomination, buyInAmount, playerCount]);
return ( return (
<View style={styles.container}> <View style={styles.container}>
<Text style={styles.title}>Chip Distribution Summary:</Text> <Text style={styles.title}>Distribution & Denomination</Text>
{colors.map((color, index) => ( <Text style={styles.subTitle}>${potValue} Pot</Text>
<View style={styles.chipContainer} key={index}> <View style={styles.chipContainer}>
<Text style={{ ...styles.chipText, color: color }}> {totalChipsCount.map((_, index) => (
{String(color).charAt(0).toUpperCase() + String(color).slice(1)}{" "} <View style={styles.chipRow} key={index}>
chips: {distributions[index]} ( ${denominations[index]} each) <Text
</Text> style={{
</View> ...styles.chipText,
))} color: colors[index],
<Text style={styles.chipText}> ...(colors[index] === "white" && styles.whiteShadow),
Total Value:{totalValue} Pot Value: {potValue} }}
</Text> >
{distributions[index]} chips:
</Text>
<Text
style={{
...styles.chipText,
color: colors[index],
...(colors[index] === "white" && styles.whiteShadow),
}}
>
${denominations[index]} each
</Text>
</View>
))}
</View>
<Text style={styles.chipText}>Total Value:{totalValue}</Text>
</View> </View>
); );
}; };
@ -255,23 +206,40 @@ const styles = StyleSheet.create({
container: { container: {
marginTop: 20, marginTop: 20,
padding: 15, padding: 15,
backgroundColor: "#F8F9FA",
borderRadius: 10, borderRadius: 10,
display: "flex",
alignItems: "center",
}, },
title: { title: {
fontSize: 18, fontSize: 18,
fontWeight: "bold", fontWeight: "bold",
marginBottom: 10, marginBottom: 10,
}, },
subTitle: {
fontSize: 16,
color: "gray",
fontWeight: "bold",
marginBottom: 10,
},
chipContainer: { chipContainer: {
marginTop: 10, marginTop: 10,
backgroundColor: "#888", },
chipRow: {
display: "flex",
flexDirection: "row",
justifyContent: "center",
gap: 10,
}, },
chipText: { chipText: {
fontSize: 20, fontSize: 20,
marginVertical: 2, marginVertical: 2,
fontWeight: "bold", fontWeight: "bold",
}, },
whiteShadow: {
textShadowColor: "black",
textShadowOffset: { width: 0, height: 0 },
textShadowRadius: 10,
},
noDataText: { noDataText: {
fontSize: 16, fontSize: 16,
color: "gray", color: "gray",