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

Schedule Card Component #444

Merged
merged 27 commits into from
Jan 22, 2025
Merged

Schedule Card Component #444

merged 27 commits into from
Jan 22, 2025

Conversation

lovretomic
Copy link
Member

@lovretomic lovretomic commented Dec 18, 2024

https://www.figma.com/design/iRoQbImFMo9G8kSouAcL3d/DLS---DD-App?node-id=21-91&m=dev

  • Added Schedule Card component
  • (*) Added /app/test page and TestPage component for testing the component without a common layout

@lovretomic lovretomic marked this pull request as ready for review January 16, 2025 16:12
Copy link
Member

Choose a reason for hiding this comment

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

Ne znam koliko je bitno, ali po dizajnu kad je malo duži naziv pozicije osobe, tekst bi se treba prelomit u dva reda, a kod tebe ostane u jednom redu

kod tebe:
image

figma:
image

Copy link
Member Author

Choose a reason for hiding this comment

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

To je zato sta je u figminoj komponenti sirina kartice tolika da ne moze sire. Evo provjeria san, u figmi je stavljen width na fill sta je ekvivalentno width: 100 % tako da bi sta se tice responzivnosti to i trebalo bit tako

Copy link
Member

@SimeJadrijev SimeJadrijev left a comment

Choose a reason for hiding this comment

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

Lgtm, ima sitnih odstupanja u dizajnu, ali ti sam procijeni koliko su bitne pa ako misliš da jesu popravi. Osim toga, jedini concern mi je treba li razbit ScheduleCard body u manje dijelove. I zadnja sitnica, might be me, ali čini mi se ko da se kartica maalkicu presporo zatvara?

Copy link
Member

Choose a reason for hiding this comment

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

iskreno, malo sam zbunjen koji screen u figmi trebam gledat, ali ako sam dobro upratia, po dizajnu nebi tribalo bit točkica ispod naslova u mobilnoj verziji

kod tebe:
image

figma:
image

Copy link
Member Author

Choose a reason for hiding this comment

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

Bojim se da ne razumin ili nesto krivo gledas, tockice se nalaze ispod opisa u jednom i u drugom slucaju. kad postoje zahtjevi bit ce tockice i ispod njih. sta se tice dijelova komponente, vjerojatno su malo razbaruseni bas zbog dizajna prema kojem se tocno neki dijelovi moraju prikazivat/sakrit kad je kartica otvorena/zatvorena. sta se tice brzine otvaranja, prema mojoj procjeni (kako nije naglaseno u dizajnu) reka bi da je okej. ako ne valja ostavia bi mihaeli da to prokomentira, lako se namisti kasnije

Copy link
Member

Choose a reason for hiding this comment

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

fale točkice ispod voditelja panela

kod tebe:
image

figma:
image

Copy link
Member Author

@lovretomic lovretomic Jan 21, 2025

Choose a reason for hiding this comment

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

ah to je kasnije dodano. sredim (jos san i provjeria s mihaelom rekla je da samo izlistam normalno pa je valjda kasnije popravila da nsian vidia)


function getThemeLabel(eventTheme: Theme) {
switch (eventTheme) {
case 'dev':
Copy link
Member

Choose a reason for hiding this comment

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

razmisli samo ima li smisla ovdje nekakav enum napravit, ali meni je ok i ovako

Copy link
Member Author

Choose a reason for hiding this comment

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

cak je odgovarajuci enum vec importan iz baze samo ga nisan koristia, good catch i popravljeno


function getTypeLabel(eventType: EventType) {
switch (eventType) {
case 'lecture':
Copy link
Member

Choose a reason for hiding this comment

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

ako napraviš gore enum, može i ovdje

) as string[]; /* TODO: Prominit kada se sazna na koji je nacin ovaj podatak zapisan u bazi. Stilovi su spremni. */
}

return (
Copy link
Member

Choose a reason for hiding this comment

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

nisam ni ja sam pametan, ali čisto razmisli ima li možda smisla razbit neke dijelove u još manje komponente

Copy link
Member

Choose a reason for hiding this comment

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

@dbaric99 daj ti mišljenje možda

Copy link
Member Author

Choose a reason for hiding this comment

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

daj primjer sta bi izdvojia. cini mi se skoro nista ne ponavlja inace, mozda samo ovaj tag ali u nacelu je ova komponenta jedinstvena. ako mislis samo zbog strukture onda mozda i mogu ali mislim da nije toliko bitno

Copy link
Member

Choose a reason for hiding this comment

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

Da, nisam ni mislio da će se puno toga moći reusati, zato sam i pitao Damjanu ima li ona mišljenje o tome, samo ja osobno ne volim vidjeti puno HTMLa u komponentama. Čini mi se da bi lakše bilo čitat taj kod da su npr c.speakers div, requirements section i slični dijelovi u odvojenim komponentama, ali s druge strane ima li to smisla odvajat ako se neće reusat. Vjerojatno nema smisla, samo sam predložio, ali šta se mene tiče, slobodno resolvaj comment i to je to.

Copy link
Member

@SimeJadrijev SimeJadrijev left a comment

Choose a reason for hiding this comment

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

👏🏽

@lovretomic lovretomic merged commit 1500276 into main Jan 22, 2025
5 checks passed
@lovretomic lovretomic deleted the lovretomic/schedule-card branch January 22, 2025 16:24
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