Commit Graph

863 Commits

Author SHA1 Message Date
Ahmad Abdolsaheb
6c97591ca6 feat(client): turn default layout to a functional component (#49289) 2023-02-08 15:28:26 -06:00
Muhammed Mustafa
a1380b2873 feat(client): make the console RTL (#49210)
feat(client): make the console.log RTL

Co-authored-by: hbar1st hanaab@gmail.com
2023-02-02 20:20:49 +05:30
Muhammed Mustafa
f62f04989b feat(client): change the delete email to support email (#49159)
Co-authored-by: Quincy Larson <QuincyLarson@users.noreply.github.com>
2023-01-27 13:16:29 +03:00
YMatsuda
ca91d93d7e fix(client): use translated cert name for Legacy Full Stack Certification (#49145)
fix(client): use translated cert name
2023-01-26 11:04:52 -08:00
Bruce Blaser
849e2c041d fix(a11y): Save buttons on Settings page (#49142)
* fix: make save buttons more accessible for screen reader users

* fix: associate username input with label
2023-01-26 19:28:01 +02:00
Muhammed Mustafa
57317a4a32 feat(client): full width component to carry key prop (#49082)
* feat(client): allow full width to carry key props

* fix: setting can't render the element error

* Remove the key prop from FullWidthRow

Co-authored-by: Shaun Hamilton <shauhami020@gmail.com>

* remove key form fullwidth

* Remove undefined type from children

Co-authored-by: Shaun Hamilton <shauhami020@gmail.com>

* add key to renderProfile

Co-authored-by: Shaun Hamilton <shauhami020@gmail.com>
2023-01-26 08:20:28 +01:00
Muhammed Mustafa
af5c610511 fix(client) broken donate button text alignment in RTL layout (#49123)
fix(client) broken donate button text alignment
2023-01-25 19:05:28 +05:30
Atir Nayab
0bcc611b91 feat(client): add jest snapshot for settings button and certification… (#48751)
* feat(client): add jest snapshot for settings button and certification page consistency

* feat(client): setting buttons consistency snapshot done

* feat(client): jest snapshot check consistency of ceritification page

* fix: snapshot test updated and mocking date fn

* fix(client): settings button snapshot updated

* fix(client): settings button snapshot updated

* fix(client): settings button snapshot updated

* fix(client): settings button snapshot updated

* fix(client): certification and timeline test updated as per feedback

* fix(Client): changed mock file name to kebab case

* fix(client): changed timeline and settings button tests directory

* fix(client): completedChallenge.js file removed

* fix(client): settings-button and timeline-buttons test dir updated

* fix(client): removed autogenerated lines from tsconfig.json

* fix: reverted settings-button and timeline-button test to js

* fix: settings-button and timeline-buttons test cleanup

* fix: settings-button test updated

Co-authored-by: Atir <atir@codebuddy.co>
Co-authored-by: Mrugesh Mohapatra <1884376+raisedadead@users.noreply.github.com>
2023-01-25 19:02:54 +05:30
Muhammed Mustafa
95c24d901f feat(client): remove bloating CSS from RTL file (#49122) 2023-01-25 19:01:41 +05:30
Muhammed Mustafa
f95a6261ba refactor(client): move margin and padding to inline values (#49100) 2023-01-23 21:17:12 +00:00
Muhammed Mustafa
0bfa2902dc refactor(client): cleanup right section of breadcrumbs (#49102)
* refactor(client): remove extra code with right section of breadcrumbs

* refactor: the breadcrumbs selectors for readiablity

* clear more extra css code

* clean change log

* Clean change log
2023-01-23 11:34:13 -06:00
Muhammed Mustafa
c0c0ed71da refactor(client): clear extra div around the delete and reset panel (#49083)
refactor(client): clear extra div
2023-01-23 20:41:57 +05:30
Muhammed Mustafa
4e093f2c28 feat(client): fix the position of flash message (#48911)
* feat(client): fix the position of flash message

* WIP: move the alert message to header

* fix: cypress

* remove the spacing effect

* Revert "WIP: move the alert message to header"

This reverts commit f5242d261a.

* feat: new feature!

* Revert "feat: new feature!"

This reverts commit f6c403cc80.

* Revert "fix: cypress"

This reverts commit c24c1d8440.

* feat: add reverted cypress test

Co-authored-by: moT01 <20648924+moT01@users.noreply.github.com>

* center the close alert button

Co-authored-by: Sanjeev <sanjeevranjan.singh08@gmail.com>

Co-authored-by: moT01 <20648924+moT01@users.noreply.github.com>
Co-authored-by: Sanjeev <sanjeevranjan.singh08@gmail.com>
2023-01-23 15:36:22 +01:00
Bruce Blaser
9a0d26fd64 fix: add personal information heading (#49060) 2023-01-19 14:28:17 +01:00
Muhammed Mustafa
46d4591803 fix(client): wrong position of search bar components in RTL (#48905)
* fix(client/RTL) searchbar result and reset icon positions

* fix: menu alignment and icons rotation

* Align search hits to the right

* account for scroll bar

* Clear float property position searchbar to the right

* Make the media condition similar

Co-authored-by: Kristofer Koishigawa <scissorsneedfoodtoo@gmail.com>

Co-authored-by: Kristofer Koishigawa <scissorsneedfoodtoo@gmail.com>
2023-01-11 18:57:22 +02:00
Muhammed Mustafa
1d1ab78957 feat(client): increase the line height in RTL (#48960)
feat(client): increate the line height in RTL

Co-authored-by: hbar1st <hanaab@gmail.com>

Co-authored-by: hbar1st <hanaab@gmail.com>
2023-01-10 15:49:24 +01:00
Manabu Matsumoto
4aa3b4d6ad fix(UI): refactor the searchbar from flex to grid (#48944)
* fix: refactor the searchbar from flex to grid

* fix: refactor the way of displaying searchbar input outline

* chore: remove unnecessary border settings

* fix: follow the RTL support best practice

* fix: follow the RTL support best practice

* fix: remove unnecessary grid gap and refactor for RTL

* fix: refactor the padding setting with padding block

Co-authored-by: Muhammed Mustafa <muhammed@freecodecamp.org>

* fix: refactor the padding setting with padding inline

Co-authored-by: Muhammed Mustafa <muhammed@freecodecamp.org>

* fix: refactor the positioning of reset button in searchbar

Co-authored-by: Muhammed Mustafa <muhammed@freecodecamp.org>
2023-01-10 16:19:55 +09:00
Ahmad Abdolsaheb
8b5838ef23 fix(client): GA to GTM Migration (#48811) 2023-01-07 11:36:45 +05:30
Oliver Eyton-Williams
0a20f8fd73 refactor: remove a lot of unused code (#48935)
Co-authored-by: Naomi Carrigan <nhcarrigan@gmail.com>
2023-01-07 10:33:35 +05:30
Bruce Blaser
2b2360d77f fix(a11y): accessible names for cert buttons/links in Settings (#48890) 2023-01-07 06:39:45 +02:00
YMatsuda
95aba7810b fix(i18n,client): translate view certificate button (#48949)
fix(i18n): translate view certificate button
2023-01-06 20:33:45 -08:00
Mrugesh Mohapatra
f2fcfe593d fix(client): add message to loader (#48934)
Co-authored-by: Muhammed Mustafa <muhammed@freecodecamp.org>
Co-authored-by: Oliver Eyton-Williams <ojeytonwilliams@gmail.com>
Co-authored-by: moT01 <20648924+moT01@users.noreply.github.com>
2023-01-06 19:03:52 -08:00
Bruce Blaser
f995809dd4 fix(a11y): donation faq (#48941)
* fix: headings for faq titles

* fix: add aria-expanded

* fix: header font
2023-01-06 08:25:18 +02:00
Mrugesh Mohapatra
3cc8e0485c revert(client): improve alert component (#48921)
Revert "fix(client): Improve alert component (#48861)"

This reverts commit 17b880020d.
2023-01-04 17:32:03 +05:30
Ahmad Abdolsaheb
a73996c174 Revert "fix(client): expose donate button on navigation bar" (#48902)
Revert "fix(client): expose donate button on navigation bar (#48820)"

This reverts commit 959d667aeb.
2023-01-03 18:26:15 +05:30
Ahmad Abdolsaheb
959d667aeb fix(client): expose donate button on navigation bar (#48820)
* feat: expose donate nav button

* feat: add the ignores

* fix: adjust tests

* feat: adjust nav button styles
2023-01-03 10:40:47 +01:00
Muhammed Mustafa
1d3786f653 fix: spacing issue in RTL layout (#48824) 2023-01-02 23:08:28 +05:30
Oliver Ullman
17b880020d fix(client): Improve alert component (#48861) 2023-01-02 23:07:50 +05:30
YMatsuda
2a473098b4 chore(i18n): small fixes in translations.json (#48894) 2023-01-02 22:32:52 +05:30
Manabu Matsumoto
95b724a3a2 feat(UI): visualize input clear button (#48702)
* feat: visualize search bar inputs clear button

* chore: remove redundant empty lines

* fix: make search bar input horizontally responsive

* fix: make search bar input width follow suggestion items

* fix: moving clear button to right of the searchbar

* feat: add search bar clear button in LP

* fix: add a bigger spacing between the icons and the text

* fix: make the clear button show visible focus indicator

* chore: refactor the css code to avoid redundancy

* fix: make the buttons in search bar accessible for screen reader

* fix: make the buttons and input in search bar more accessible
2022-12-23 17:00:38 -06:00
Mrugesh Mohapatra
25f0fc5d93 fix(client): add loader to default layouts (#48830) 2022-12-23 13:38:50 -06:00
Niraj Nandish
acd74472f8 fix(client): i18n project and certification titles in settings, profile and certification page (#48785)
Closes https://github.com/freeCodeCamp/freeCodeCamp/issues/40998
2022-12-22 10:54:46 +05:30
Muhammed Mustafa
8cc575c9b9 feat: swap to logical properties for spacing (#48769) 2022-12-22 10:51:19 +05:30
Ahmad Abdolsaheb
bff61255f9 feat(donation): simplify donation client (#46379)
* feat: unify post payment actions

* feat: handle stripe card error and add donation after auth

* feat: add donation saga stripe test

* feat: add more coverage to stripe tests

* feat: add initial stripe card saga test

* feat: finalize initial stripe card saga test

* feat: add patreon test saga

* feat: test clean up

* feat: do not show processing for Patreon

* feat: normalize donation settings

* feat: turn payment provider/contex to enum

* feat: remove donation-settings.js

* fix: git ignore generated config

* fix: ignore the generate config from everything

* fix: remove types.js

* fix: update linting to include types.js

Co-authored-by: Mrugesh Mohapatra <1884376+raisedadead@users.noreply.github.com>
2022-12-20 18:03:06 +05:30
Muhammed Mustafa
4291e153f7 feat: add RTL language layout (#48287)
* add the previous layout

* add the import logic

Co-authored-by: Nestor <elnestinatorHD@gmail.com>

* WIP: RTL layout

* WIP: code snippet

* WIP: RTL layout

* WIP: RTL layout

* WIP: add selector that don't work

* WIP: fix code in tables direction

* change the dynamic import to static import

Co-authored-by: Oliver Eyton-Williams <ojeytonwilliams@gmail.com>

* remove redundant imports

* fix the broken splitter and broken code element

Co-authored-by: Oliver Eyton-Williams <ojeytonwilliams@gmail.com>

* revert the wrapper editor layout

* WIP: Timeline RTL layout

* add row reverse to account for splitter direction reverse

* Revert "add row reverse to account for splitter direction reverse"

This reverts commit f67ad002c8.

* add row reverse to account for splitter direction reverse

Co-authored-by: Ahmad Abdolsaheb <ahmad.abdolsaheb@gmail.com>

* mirrior the nav bar by placing the logo in the right

* Use notosans as RTL font family

* Remove Arabic from the hiddenLangs

* fix(feedbac): the search and table alignment

Co-authored-by: Zaira <33151350+zairahira@users.noreply.github.com>

* fix(feedback): text alignment, icons rotation

Co-authered-by: moT01 <20648924+moT01@users.noreply.github.com>

* Revert "fix(feedback): text alignment, icons rotation"

This reverts commit 0c6dc4f909.

* fix(feedback): text-alignment, and icon rotation

Co-authored-by: moT01 <20648924+moT01@users.noreply.github.com>

Co-authored-by: Nestor <elnestinatorHD@gmail.com>
Co-authored-by: Oliver Eyton-Williams <ojeytonwilliams@gmail.com>
Co-authored-by: Ahmad Abdolsaheb <ahmad.abdolsaheb@gmail.com>
Co-authored-by: Zaira <33151350+zairahira@users.noreply.github.com>
Co-authored-by: moT01 <20648924+moT01@users.noreply.github.com>
2022-12-16 18:03:18 +02:00
Bryan Moore
628764f270 feat: use system theme if default (#48568)
* feat: use system theme if default

* feat: add system to theme

* feat: detect if system theme should be used

* fix: remove system from Themes

* fix: change 'system' to 'default'

Co-authored-by: Muhammed Mustafa <muhammed@freecodecamp.org>

* fix: change 'system' to 'default'

Co-authored-by: Muhammed Mustafa <muhammed@freecodecamp.org>

* fix: check if user is logged in for system theme

Co-authored-by: Muhammed Mustafa <muhammed@freecodecamp.org>
2022-12-14 15:20:10 +01:00
Atir Nayab
0a0be525b2 fix(bug): Make table and button consistent in settings and certification page. (#48211)
* fix(bug): Make table and button consistent

Affected page
- certification page
- settings page

* fix(bug): changed certification button text to View

* fix(bug): Timeline table width increased

* Update client/src/client-only-routes/show-project-links.tsx

Co-authored-by: Muhammed Mustafa <muhammed@freecodecamp.org>

* Update client/src/client-only-routes/show-project-links.tsx

Co-authored-by: Muhammed Mustafa <muhammed@freecodecamp.org>

* fix(curriculum): remoeve stripe props from certification table

* fix(curriculum): time line table width reverted to original

* fix(client): use buttons.view from translation.json

* fix(client): use normal font weight for project title

* fix(client): certification page table button

* fix(client): remove child anchor tag from menuItem

* fix(client): updated cerification page button width

* feat: relocate the styles

* feat: clean up styles

Co-authored-by: Muhammed Mustafa <muhammed@freecodecamp.org>
Co-authored-by: ahmad abdolsaheb <ahmad.abdolsaheb@gmail.com>
2022-12-09 12:08:52 +02:00
Muhammed Mustafa
b5371f56ce refactor(client): searchbar - remove float values (#48292)
* feat(client): refactor searchbar by removing float values

* polish the style by adding border radius and removing padding

* Polish the style and account for donation text

* WIP: remove float values

* Revert "WIP: remove float values"

This reverts commit c1c32aa9d1.

* adjust magic numbers

* Adjust spacing to account and add position absolute

* revert the deletion of ais hits values

* move the padding value to searchbar file

* Remove RTL Values

* feat: allow for hint expansions

* Remove the left value on submit icon

Co-authored-by: Ahmad Abdolsaheb <ahmad.abdolsaheb@gmail.com>

* add display none and remove their values

Co-authored-by: ahmad abdolsaheb <ahmad.abdolsaheb@gmail.com>
2022-12-08 14:31:05 +01:00
Manabu Matsumoto
6ccbd94eff fix(UI): remove vertical scrollbar from body (#48231)
* fix: remove vertical scrollbar from body

* fix: adjust preview window with/without actionrow

* fix: delete redundant padding argument

* fix: add new props to project preview modal

* fix: adjust code and preview pane height

* fix: add flash message height adjustment for panes

* fix: refactor the code with flexbox

* fix: debug zero height of instruction panel in firefox

* fix: debug zero height of reflex elements and vertical splitter

* fix: make reflex elements vertically flexible in new RWD

* fix: remove unnecessary css properties

* fix: arrange mobile layout css selector

* fix: move styles to its related css files

* fix: refactor the code with pseudo selector and remove important

* fix: remove redundant flexbox settings

* fix: remove unnecessary css properties and revert unnecessary property name change

* fix: remove unnecessary min height zero and refactor flex properties
2022-11-22 11:18:00 +03:00
Ahmad Abdolsaheb
22c5533417 feat(client): add university and seasonal alerts (#48350)
* feat: add university and seasonal alerts

* feat: show university camper alerts to non donors

* feat: adjust tests

* feat: update CTA

* Apply suggestions from Oliver's code review

Co-authored-by: Oliver Eyton-Williams <ojeytonwilliams@gmail.com>

* Apply suggestions from code review

Co-authored-by: Shaun Hamilton <shauhami020@gmail.com>

* feat: changing learn alert to link

Co-authored-by: Oliver Eyton-Williams <ojeytonwilliams@gmail.com>
Co-authored-by: Shaun Hamilton <shauhami020@gmail.com>
2022-11-10 13:06:33 +00:00
Sem Bauke
8df880fa61 chore(client): update chinese redirects (#46220) 2022-11-10 01:16:45 +05:30
Tom
5f73773cd4 feat(client): move legacy rwd button to bottom of map (#47596)
Co-authored-by: Oliver Eyton-Williams <ojeytonwilliams@gmail.com>
Closes https://github.com/freeCodeCamp/freeCodeCamp/issues/46523
2022-11-08 21:00:46 +05:30
Oliver Eyton-Williams
ecfe09c52d fix: confirm modal (#48388)
Co-authored-by: Oliver Eyton-Williams <ojeytonwilliams@gmail.com>
Co-authored-by: Mrugesh Mohapatra <1884376+raisedadead@users.noreply.github.com>
2022-11-04 11:06:47 +00:00
Mrugesh Mohapatra
75f4ff10d5 feat(client): add a confirmation modal on signout (#48385)
* feat(client): add a confirmation modal on signout

* test: add and update universal nav

* chore: remove extraneous action

* chore: apply suggestions from code review
2022-11-04 10:31:06 +01:00
Mrugesh Mohapatra
12beeee067 refactor: consistent layout imports (#48378) 2022-11-04 09:40:03 +02:00
Muhammed Mustafa
5ef777973a feat(client): refactor the buttons leading to the certifcations intro (#48320) 2022-10-31 18:11:51 -05:00
Muhammed Mustafa
3279ab161e feat(client): refactor universal nav missing types (#48144)
* feat(client): refactor universal nav missing types

* extends link type from gatsby link types


Co-authored-by: auchynnikau <viachaslau_auchynnikau@epam.com>
Co-authored-by: Oliver Eyton-Williams <ojeytonwilliams@gmail.com>
2022-10-27 20:20:59 +05:30
Atir Nayab
f92a851a0a feat(client): add icon in setting page button (#48268) 2022-10-27 20:06:47 +05:30
Mrugesh Mohapatra
b393d88b9e refactor: s/all-langs/i18n/g (#48258) 2022-10-26 10:08:27 -07:00
Muhammed Mustafa
6074cdf9c1 feat(client): clear ESLint comment in learn layout (#48154)
feat(client): clear enlist comment in learn layout
2022-10-24 11:00:02 +02:00