OrganizedContent #10

Closed
opened 2021-04-25 16:10:10 -04:00 by a3thakra · 45 comments
a3thakra commented 2021-04-25 16:10:10 -04:00 (Migrated from git.uwaterloo.ca)
  • Sidebar
  • Content
  • Prev/Next button

This component should not maintain any internal state that represents the currently selected item. You should instead push this state outwards and use props.

- [x] Sidebar - [x] Content - [x] Prev/Next button This component should not maintain any internal state that represents the currently selected item. You should instead push this state outwards and use props.
a3thakra commented 2021-04-25 16:11:00 -04:00 (Migrated from git.uwaterloo.ca)

mentioned in issue #11

mentioned in issue #11
a3thakra commented 2021-04-25 16:13:02 -04:00 (Migrated from git.uwaterloo.ca)

mentioned in issue #12

mentioned in issue #12
a3thakra commented 2021-04-25 16:17:07 -04:00 (Migrated from git.uwaterloo.ca)

mentioned in issue #17

mentioned in issue #17
a3thakra commented 2021-04-25 17:41:11 -04:00 (Migrated from git.uwaterloo.ca)

added 1 design

added [1 design](/csc/website/-/issues/10/designs?version=138)
w25tran commented 2021-04-27 00:37:11 -04:00 (Migrated from git.uwaterloo.ca)

assigned to @w25tran

assigned to @w25tran
a3thakra commented 2021-05-09 20:00:20 -04:00 (Migrated from git.uwaterloo.ca)

removed 1 design

removed [1 design](/csc/website/-/issues/10/designs?version=144)
a3thakra commented 2021-05-10 05:11:08 -04:00 (Migrated from git.uwaterloo.ca)

added 1 design

added [1 design](/csc/website/-/issues/10/designs?version=145)
dora commented 2021-05-16 21:21:33 -04:00 (Migrated from git.uwaterloo.ca)

added 1 commit

  • c8f6ecff - Clean up CSS

Compare with previous version

added 1 commit <ul><li>c8f6ecff - Clean up CSS</li></ul> [Compare with previous version](/csc/website/-/merge_requests/10/diffs?diff_id=55356&start_sha=1e86ffa4f38ded53b9a2e6f6b87d2e31e52f1af7)
a3thakra commented 2021-05-16 22:05:52 -04:00 (Migrated from git.uwaterloo.ca)

i think a flex box with the flex-wrap: wrap might be a better idea. That would automatically make #columns = 3 on a smaller screen.

i think a flex box with the `flex-wrap: wrap` might be a better idea. That would automatically make #columns = 3 on a smaller screen.
a3thakra commented 2021-05-18 03:33:15 -04:00 (Migrated from git.uwaterloo.ca)

I don't think that this is the correct use of the figure tag. From MDN:

Usually a <figure> is an image, illustration, diagram, code snippet, etc., that is referenced in the main flow of a document, but that can be moved to another part of the document or to an appendix without affecting the main flow.

But we need it to be part of the main flow of the meet the team page. :)

I don't think that this is the correct use of the figure tag. From MDN: > Usually a `<figure>` is an image, illustration, diagram, code snippet, etc., that is referenced in the main flow of a document, but that can be moved to another part of the document or to an appendix without affecting the main flow. But we need it to be part of the main flow of the meet the team page. :)
a3thakra commented 2021-05-18 03:36:30 -04:00 (Migrated from git.uwaterloo.ca)
you should use the next image tag instead: https://nextjs.org/docs/api-reference/next/image why? : https://nextjs.org/docs/basic-features/image-optimization
a3thakra commented 2021-05-19 18:11:01 -04:00 (Migrated from git.uwaterloo.ca)

changed the description

changed the description
a3thakra commented 2021-05-19 18:35:50 -04:00 (Migrated from git.uwaterloo.ca)

scratch that, don't use the <Image /> tag

Why? #26

scratch that, don't use the `<Image />` tag Why? #26
a3thakra commented 2021-05-20 00:01:07 -04:00 (Migrated from git.uwaterloo.ca)

requested review from @n3parikh

requested review from @n3parikh
a3thakra commented 2021-05-20 00:01:12 -04:00 (Migrated from git.uwaterloo.ca)

requested review from @a3thakra and removed review request for @n3parikh

requested review from @a3thakra and removed review request for @n3parikh
a3thakra commented 2021-05-20 00:02:03 -04:00 (Migrated from git.uwaterloo.ca)

assigned to @n3parikh

assigned to @n3parikh
a3thakra commented 2021-05-20 00:02:10 -04:00 (Migrated from git.uwaterloo.ca)

assigned to @a3thakra and unassigned @n3parikh

assigned to @a3thakra and unassigned @n3parikh
a3thakra commented 2021-05-20 00:02:13 -04:00 (Migrated from git.uwaterloo.ca)

unassigned @a3thakra

unassigned @a3thakra
a3thakra commented 2021-05-20 00:02:33 -04:00 (Migrated from git.uwaterloo.ca)

sorry ignore these ^

just trying something out

sorry ignore these ^ just trying something out
dora commented 2021-05-20 03:54:06 -04:00 (Migrated from git.uwaterloo.ca)

gj adi! jk jk dw about it 😂

image

gj adi! jk jk dw about it :joy: ![image](/uploads/af83c0ab33c7817f57a502ffce4d4f7d/image.png)
dora commented 2021-05-20 03:55:45 -04:00 (Migrated from git.uwaterloo.ca)

closing this since this is more so for #9

closing this since this is more so for #9
dora commented 2021-05-20 04:12:26 -04:00 (Migrated from git.uwaterloo.ca)

added 4 commits

  • 4393037e - 1 commit from branch main
  • 2c30d8b2 - team member component + desktop styling
  • 918bf748 - Mobile styling
  • 9087df45 - Clean up CSS

Compare with previous version

added 4 commits <ul><li>4393037e - 1 commit from branch <code>main</code></li><li>2c30d8b2 - team member component + desktop styling</li><li>918bf748 - Mobile styling</li><li>9087df45 - Clean up CSS</li></ul> [Compare with previous version](/csc/website/-/merge_requests/10/diffs?diff_id=55576&start_sha=c8f6ecffe9855b1ae16d4305bf4b0c324a8b89e4)
dora commented 2021-05-20 04:15:36 -04:00 (Migrated from git.uwaterloo.ca)

hmm should i just use <div> then?

hmm should i just use `<div>` then?
a3thakra commented 2021-05-20 08:14:54 -04:00 (Migrated from git.uwaterloo.ca)

Yep

Yep
dora commented 2021-05-20 09:29:18 -04:00 (Migrated from git.uwaterloo.ca)

changed this line in version 4 of the diff

changed this line in [version 4 of the diff](/csc/website/-/merge_requests/10/diffs?diff_id=55586&start_sha=9087df45d0b407e3313b5e4ce6ec8e4477fd6e93#48e1f56bc3d9b5c6d8e46ee26606c785ec9e2977_19_18)
dora commented 2021-05-20 09:29:18 -04:00 (Migrated from git.uwaterloo.ca)

added 1 commit

  • b5384070 - Change figure/figcaption to div

Compare with previous version

added 1 commit <ul><li>b5384070 - Change figure/figcaption to div</li></ul> [Compare with previous version](/csc/website/-/merge_requests/10/diffs?diff_id=55586&start_sha=9087df45d0b407e3313b5e4ce6ec8e4477fd6e93)
a3thakra commented 2021-05-21 02:45:52 -04:00 (Migrated from git.uwaterloo.ca)
        <div className={styles.name}>{name}</div>
        <div className={styles.role}>{role}</div>

You should use a div here instead. span apparently does not have a lot of semantic meaning 🤷 https://developer.mozilla.org/en-US/docs/Web/HTML/Element/span

Since div is a block element, it lets us avoid that <br /> tag.

```suggestion:-2+0 <div className={styles.name}>{name}</div> <div className={styles.role}>{role}</div> ``` You should use a `div` here instead. `span` apparently does not have a lot of semantic meaning :shrug: https://developer.mozilla.org/en-US/docs/Web/HTML/Element/span Since `div` is a block element, it lets us avoid that `<br />` tag.
a3thakra commented 2021-05-21 02:50:32 -04:00 (Migrated from git.uwaterloo.ca)

After replacing spans with divs, you most likely wouldn't need these.

```suggestion:-0+0 ``` After replacing `span`s with `div`s, you most likely wouldn't need these.
dora commented 2021-05-21 22:07:53 -04:00 (Migrated from git.uwaterloo.ca)

changed this line in version 5 of the diff

changed this line in [version 5 of the diff](/csc/website/-/merge_requests/10/diffs?diff_id=55834&start_sha=b5384070f41e269994a4c0d2c317aadc697d823c#48e1f56bc3d9b5c6d8e46ee26606c785ec9e2977_17_15)
dora commented 2021-05-21 22:07:53 -04:00 (Migrated from git.uwaterloo.ca)

changed this line in version 5 of the diff

changed this line in [version 5 of the diff](/csc/website/-/merge_requests/10/diffs?diff_id=55834&start_sha=b5384070f41e269994a4c0d2c317aadc697d823c#0b1e33e0c4f066c2397757897573e1d2ed794829_19_15)
dora commented 2021-05-21 22:07:53 -04:00 (Migrated from git.uwaterloo.ca)

added 1 commit

  • 05b31f31 - Adi's fixes

Compare with previous version

added 1 commit <ul><li>05b31f31 - Adi&#39;s fixes</li></ul> [Compare with previous version](/csc/website/-/merge_requests/10/diffs?diff_id=55834&start_sha=b5384070f41e269994a4c0d2c317aadc697d823c)
a3thakra commented 2021-05-23 18:44:48 -04:00 (Migrated from git.uwaterloo.ca)

team-member-fluid-grid

I removed tablet styles, and made the playground grid fluid - https://css-tricks.com/snippets/css/complete-guide-grid/#fluid-columns-snippet

![team-member-fluid-grid](/uploads/00a80a994954ce34b23a8b366b799699/team-member-fluid-grid.gif) I removed tablet styles, and made the playground grid fluid - https://css-tricks.com/snippets/css/complete-guide-grid/#fluid-columns-snippet
a3thakra commented 2021-05-23 18:46:35 -04:00 (Migrated from git.uwaterloo.ca)

changed this line in version 6 of the diff

changed this line in [version 6 of the diff](/csc/website/-/merge_requests/10/diffs?diff_id=56088&start_sha=05b31f31d0f0d978de3cef72da195a1c077574dc#d0aefa89ef70566d4de4f9214ef7775585e10e18_99_93)
a3thakra commented 2021-05-23 18:46:35 -04:00 (Migrated from git.uwaterloo.ca)

added 1 commit

  • ba7cef52 - Fluid grid + remove tablet styles

Compare with previous version

added 1 commit <ul><li>ba7cef52 - Fluid grid + remove tablet styles</li></ul> [Compare with previous version](/csc/website/-/merge_requests/10/diffs?diff_id=56088&start_sha=05b31f31d0f0d978de3cef72da195a1c077574dc)
a3thakra commented 2021-05-23 18:47:39 -04:00 (Migrated from git.uwaterloo.ca)

approved this merge request

approved this merge request
a3thakra commented 2021-05-23 18:48:00 -04:00 (Migrated from git.uwaterloo.ca)

added 7 commits

Compare with previous version

added 7 commits <ul><li>8a9935ba - 1 commit from branch <code>main</code></li><li>1ad6432e - team member component + desktop styling</li><li>f040b93b - Mobile styling</li><li>22c59659 - Clean up CSS</li><li>c4546617 - Change figure/figcaption to div</li><li>99c09c1d - Adi&#39;s fixes</li><li>479ccb82 - Fluid grid + remove tablet styles</li></ul> [Compare with previous version](/csc/website/-/merge_requests/10/diffs?diff_id=56090&start_sha=ba7cef526c8e16df5238e0bd88f423dc863578be)
a3thakra commented 2021-05-23 18:48:19 -04:00 (Migrated from git.uwaterloo.ca)

enabled an automatic merge when the pipeline for 479ccb825e succeeds

enabled an automatic merge when the pipeline for 479ccb825eb52cb7b77a7c7024aa2039b17fbf43 succeeds
a3thakra commented 2021-05-23 18:50:53 -04:00 (Migrated from git.uwaterloo.ca)

canceled the automatic merge

canceled the automatic merge
a3thakra commented 2021-05-23 18:53:55 -04:00 (Migrated from git.uwaterloo.ca)

changed this line in version 8 of the diff

changed this line in [version 8 of the diff](/csc/website/-/merge_requests/10/diffs?diff_id=56095&start_sha=479ccb825eb52cb7b77a7c7024aa2039b17fbf43#48e1f56bc3d9b5c6d8e46ee26606c785ec9e2977_13_14)
a3thakra commented 2021-05-23 18:53:55 -04:00 (Migrated from git.uwaterloo.ca)

added 1 commit

Compare with previous version

added 1 commit <ul><li>823e0597 - Use Image instead of img</li></ul> [Compare with previous version](/csc/website/-/merge_requests/10/diffs?diff_id=56095&start_sha=479ccb825eb52cb7b77a7c7024aa2039b17fbf43)
a3thakra commented 2021-05-23 18:54:31 -04:00 (Migrated from git.uwaterloo.ca)

enabled an automatic merge when the pipeline for 823e059721 succeeds

enabled an automatic merge when the pipeline for 823e059721c4ccebd09452cf3427c76358aba0ad succeeds
w25tran commented 2021-05-31 02:54:17 -04:00 (Migrated from git.uwaterloo.ca)

marked the task Sidebar as completed

marked the task **Sidebar** as completed
w25tran commented 2021-05-31 02:54:18 -04:00 (Migrated from git.uwaterloo.ca)

marked the task Content as completed

marked the task **Content** as completed
w25tran commented 2021-05-31 02:54:18 -04:00 (Migrated from git.uwaterloo.ca)

marked the task Prev/Next button as completed

marked the task **Prev/Next button** as completed
w25tran commented 2021-05-31 02:54:59 -04:00 (Migrated from git.uwaterloo.ca)

mentioned in merge request !12

mentioned in merge request !12
Sign in to join this conversation.
No Milestone
No project
No Assignees
1 Participants
Notifications
Due Date
The due date is invalid or out of range. Please use the format 'yyyy-mm-dd'.

No due date set.

Dependencies

No dependencies set.

Reference: www/www-new#10
No description provided.