Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Refactor TimetableItemTag API to use consistent colors #979

Merged
merged 1 commit into from
Sep 8, 2024

Conversation

mannodermaus
Copy link
Contributor

@mannodermaus mannodermaus commented Sep 5, 2024

Issue

Overview (Required)

  • There are now two variants of this component
  • The first requires color+icon and is used for the colored 'room' tags
  • Any other usage in the app uses the same grayish color and no icon, so expose that as a second variant

Screenshot (Optional if screenshot test is present or unrelated to UI)

Note the subtle change for the gray tags.

Before After
Incorrect outline color
Before After
Missing icon, incorrect outline color
Before After
Incorrect outline color
Before After
Incorrect outline color

Copy link

github-actions bot commented Sep 5, 2024

Detekt check failed. Please run ./gradlew detekt --auto-correct to fix the issues.

@mannodermaus mannodermaus force-pushed the fix/tag-outline-colors branch from 8565512 to 992cff3 Compare September 5, 2024 23:08
@github-actions github-actions bot temporarily deployed to deploygate-distribution September 5, 2024 23:12 Inactive
Copy link

github-actions bot commented Sep 5, 2024

Snapshot diff report

File name Image
KaigiAppTest[KaigiAp
p - when app is star
ting - it should sho
w timetable items]_c
ompare.png
FavoritesScreenTest[
FavoritesScreen - wh
en server is operati
onal - setup many fa
vorite sessions - cl
ick first session bo
okmark - it should d
isplay favorite sess
ion without first se
ssion]_compare.png
FavoriteListPreview_
compare.png
FavoritesScreenTest[
FavoritesScreen - wh
en device is tablet
- it should show tim
etable items]_compar
e.png
FavoritesScreenTest[
FavoritesScreen - wh
en server is operati
onal - setup single
favorite session - i
t should display fav
orite session]_compa
re.png
FavoriteSheetPreview
_compare.png
FavoritesScreenTest[
FavoritesScreen - wh
en server is operati
onal - setup many fa
vorite sessions - sc
roll favorites - it
should first session
is not displayed]_c
ompare.png
FavoritesScreenPrevi
ew_compare.png
FavoritesScreenTest[
FavoritesScreen - wh
en server is operati
onal - setup many fa
vorite sessions - it
should display favo
rite session]_compar
e.png
TimetableScreenTest[
TimetableScreen - wh
en server is operati
onal - it should sho
w timetable items]_c
ompare.png
TimetableItemDetailH
eadlinePreview_compa
re.png
TimetableItemDetailS
creenPreview_compare
.png
TimetableItemDetailS
creenTest[TimetableI
temDetailScreen - wh
en server is operati
onal - when font sca
le is small - it sho
uld show small font
session detail]_comp
are.png
TimetableScreenTest[
TimetableScreen - wh
en device is tablet
- it should show tim
etable items]_compar
e.png
TimetableItemDetailH
eadlineWithEnglishPr
eview_compare.png
TimetableItemDetailS
creenTest.runTest[Ti
metableItemDetailScr
een - when server is
operational - when
launch - it should b
e appropriately acce
ssible]_compare.png
SearchScreenTest[Sea
rchScreen - when ser
ver is operational -
when filter categor
y chip click - when
click category App A
rchitecture en - it
should selected cate
gory App Architectur
e en]_compare.png
SearchScreenTest[Sea
rchScreen - when ser
ver is operational -
when filter day chi
p click - when click
conference day 2 -
it should selected d
ay 2]_compare.png
TimetableScreenTest[
TimetableScreen - wh
en the current date
is 2024-09-12 - it s
hould show timetable
items for Conferenc
eDay1]_compare.png
TimetableItemDetailS
creenTest[TimetableI
temDetailScreen - wh
en server is operati
onal - when launch -
click bookmark - it
should show bookmar
ked session]_compare
.png
SearchScreenTest[Sea
rchScreen - when ser
ver is operational -
when filter categor
y chip click - when
click category Other
en - it should sele
cted category Other
en]_compare.png
SearchScreenTest[Sea
rchScreen - when ser
ver is operational -
when filter languag
e chip click - when
click language MIXED
- it should selecte
d language MIXED]_co
mpare.png
SearchScreenTest[Sea
rchScreen - when ser
ver is operational -
when filter languag
e chip click - when
click language ENGLI
SH - it should selec
ted language ENGLISH
]_compare.png
TimetableItemDetailS
creenTest[TimetableI
temDetailScreen - wh
en server is operati
onal - when launch -
it should show sess
ion detail title]_co
mpare.png
SearchScreenTest[Sea
rchScreen - when ser
ver is operational -
input search word t
o TextField - it sho
uld show search word
and filtered items]
_compare.png
SearchScreenTest[Sea
rchScreen - when ser
ver is operational -
when filter categor
y chip click - when
click category Jetpa
ck Compose en - it s
hould selected categ
ory Jetpack Compose
en]_compare.png
TimetableItemDetailH
eadlineWithMixedPrev
iew_compare.png
SearchScreenTest[Sea
rchScreen - when ser
ver is operational -
when filter day chi
p click - when click
conference day 1 -
it should selected d
ay 1]_compare.png
TimetableScreenTest[
TimetableScreen - wh
en server is operati
onal - click first s
ession bookmark - it
should show bookmar
ked session]_compare
.png
TimetableItemDetailS
creenTest[TimetableI
temDetailScreen - wh
en server is operati
onal - when launch -
click bookmark - cl
ick bookmark again -
it should show unBo
okmarked session]_co
mpare.png
TimetableScreenTest[
TimetableScreen - wh
en font scale is lar
ge - it should show
title in a single li
ne]_compare.png
SearchScreenTest[Sea
rchScreen - when dev
ice is tablet - inpu
t search word to Tex
tField - it should s
how search word and
filtered items]_comp
are.png
TimetableScreenTest[
TimetableScreen - wh
en server is operati
onal - scroll timeta
ble - it should firs
t session is not dis
played]_compare.png
TimetableScreenTest[
TimetableScreen - wh
en the current date
is 2024-09-11 - it s
hould show timetable
items for Conferenc
eDay1]_compare.png
TimetableScreenTest[
TimetableScreen - wh
en the current date
is 2024-09-13 - it s
hould show timetable
items for Conferenc
eDay2]_compare.png
TimetableScreenTest[
TimetableScreen - wh
en server is operati
onal - click confere
nce day2 tab - it sh
ould change displaye
d day]_compare.png
SearchScreenTest[Sea
rchScreen - when ser
ver is operational -
when filter languag
e chip click - when
click language JAPAN
ESE - it should sele
cted language JAPANE
SE]_compare.png

@mannodermaus mannodermaus force-pushed the fix/tag-outline-colors branch from 992cff3 to a985e5b Compare September 6, 2024 09:46
@github-actions github-actions bot temporarily deployed to deploygate-distribution September 6, 2024 09:50 Inactive
There are now two variants of this component. The first requires color+icon
and is used for the colored 'room' tags. Any other usage in the app
uses the same grayish color and no icon, so expose that as a second variant
@mannodermaus mannodermaus force-pushed the fix/tag-outline-colors branch from a985e5b to cdecf9b Compare September 8, 2024 00:21
@mannodermaus mannodermaus marked this pull request as ready for review September 8, 2024 00:21
@github-actions github-actions bot temporarily deployed to deploygate-distribution September 8, 2024 00:24 Inactive
tagText = label,
tagColor = MaterialTheme.colorScheme.outline,
)
TimetableItemTag(tagText = label)
Copy link
Member

Choose a reason for hiding this comment

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

👍

Copy link
Member

@takahirom takahirom left a comment

Choose a reason for hiding this comment

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

It looks great! Thank you for maintaining consistency.

@takahirom takahirom merged commit 39f9d6d into DroidKaigi:main Sep 8, 2024
8 checks passed
@mannodermaus mannodermaus deleted the fix/tag-outline-colors branch September 8, 2024 07:40
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.

TimetableItemTag color is different from Figma
2 participants