Skip to content

FilterButton component#101

Open
barry-observation wants to merge 3 commits into
developfrom
feature/filter-components
Open

FilterButton component#101
barry-observation wants to merge 3 commits into
developfrom
feature/filter-components

Conversation

@barry-observation

Copy link
Copy Markdown
Contributor

Copied from the Observation app and converted to dynamic theming.

@SjaakSchilperoort SjaakSchilperoort left a comment

Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Na discussie met Karel erop uitgekomen dat de filter button, die op Observation een icon en text size van 14 heeft, in ObsIdentify een icon en text size van 12 krijgt. Hiermee kunnen we deze library-component voor beide apps gebruiken.

export default FilterButton

const createStyles = (theme: Theme) =>
StyleSheet.create({

@SjaakSchilperoort SjaakSchilperoort Jul 1, 2026

Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Note to self: ik zie dat rule react-native/no-unused-styles nog uit staat, daar zal ik een separate PR voor maken.

EDIT: #102

Comment thread src/components/FilterButton.tsx Outdated
<TouchableOpacity style={[styles.container, { backgroundColor }]} onPress={onPress} activeOpacity={0.5}>
<View style={styles.titleContainer}>
<View style={styles.iconContainerStyle}>
<Icon name="bars-filter" size={theme.icon.size.m} color={theme.color.icon.system.brand} />

Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Icon size en text size moeten beide 12 zijn, dus dit moet theme.icon.size.s zijn.

Copy link
Copy Markdown
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Nice, goed gezien 👍

@SjaakSchilperoort SjaakSchilperoort left a comment

Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

👌🏻

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants