summaryrefslogtreecommitdiffstats
path: root/src/components
Commit message (Collapse)AuthorAgeFilesLines
* fix(comments): load all comments on a postArmand Philippot2022-08-213-10/+10
| | | | | | | | | Previously, only the first 10 comments was loaded. So I update the fetching method to retrieve all the comments on a post. Also, I choose to order comments on client side because of a bug with WPGraphQL. Finally, I renamed the Comment type to SingleComment to avoid conflict with existing types.
* refactor(types): move and rename GraphQL typesArmand Philippot2022-08-201-2/+2
| | | | | | | The api file in services was not really readable. So I move the types and I also rewrite a little the fetch function. I also rename most of the type to avoid conflict with preexisting types (like Node) and to keep consistency.
* chore(toolbar): add missing animation on medium and large devicesArmand Philippot2022-06-091-0/+4
|
* fix(media-queries): use pixel based media queriesArmand Philippot2022-06-091-1/+4
| | | | | | | | Everything was working fine with Firefox but it seems Chromium still has issues with `em` unit in media queries. The toolbar modals (search, settings and also main nav) was not displaying correctly on small devices. Some styles was missing. By switching to pixels based media queries, the bug seems fixed.
* fix(settings): avoid cropped tooltip on small devicesArmand Philippot2022-06-0923-404/+246
| | | | | | I changed the settings disposition to make tooltip positioning easier. Jest complains about ref passed but everything seems to work as expected so I'm not sure it is relevant. Maybe a bug with cloneElement.
* fix(settings): close tooltip when modal is closingArmand Philippot2022-06-085-27/+31
| | | | | The event was not captured so the tooltip remained open when the settings was closed. It prevented to click on the toolbar buttons.
* chore: add a label to progress barArmand Philippot2022-06-076-49/+58
| | | | | | The progress element is a form element, so a label is required to be accessible. Since I'm not using it without label, I transform the optional info parameter to a mandatory label parameter.
* chore: add an aria label to code blocksArmand Philippot2022-06-072-0/+19
| | | | | Prism is adding a tabindex to code blocks, so I think an aria label can help screen reader users to identify the tabbed content.
* chore(cards): use post title as link labelArmand Philippot2022-06-078-49/+90
|
* chore: use image title as figure label if no caption is providedArmand Philippot2022-06-071-2/+6
|
* chore: add aria hidden attribute to SVG iconsArmand Philippot2022-06-0731-23/+272
|
* test(unit): fix Jest errors due to images importArmand Philippot2022-06-033-1/+6
| | | | | I mocked some SVG files and moves the branding photo to public directory. It is more a workaround than a real fix but it works so...
* test: install and configure cypressArmand Philippot2022-06-0296-96/+96
| | | | I also configure Jest to avoid conflicts between Cypress and Jest.
* fix: improve help button accessibility with aria-pressedArmand Philippot2022-06-023-5/+13
|
* fix: ensure radio buttons are accessibleArmand Philippot2022-06-022-4/+24
| | | | | It seems I cannot use the SVG title as label. So I removed the title and added a visually hidden span to set the radio buttons label.
* chore: replace the Ackee select by a toggle componentArmand Philippot2022-06-0138-745/+716
|
* chore: replace the toggle componentArmand Philippot2022-06-0126-496/+515
|
* chore: add a RadioGroup componentArmand Philippot2022-05-316-2/+348
|
* chore: add a Fieldset componentArmand Philippot2022-05-315-0/+216
|
* chore: replace Checkbox component with a BooleanField componentArmand Philippot2022-05-3121-211/+774
| | | | | Checkbox and radio buttons are working the same way so I decided to group them in a same component.
* fix(settings): reduce font-size on small devicesArmand Philippot2022-05-2515-12/+142
| | | | | With French translation, words are a little longer so I reduce the font size on small devices to avoid line breaking.
* fix: reset focus to top of the page on route changeArmand Philippot2022-05-251-2/+8
|
* build(deps): bump all dependenciesArmand Philippot2022-05-252-5/+5
| | | | | | | I moved the website picture from useSettings to the layout component since it is only used here. This reduce the number of Jest errors. However, there's still some issues with some images import...
* chore: close search form when launching searchArmand Philippot2022-05-241-0/+2
|
* chore: give autofocus to the toolbar search formArmand Philippot2022-05-245-48/+59
|
* chore: add a search form when posts list prints no resultsArmand Philippot2022-05-248-49/+155
|
* test: fix theme toggle and comment testsArmand Philippot2022-05-244-30/+7
|
* chore(toolbar): change icons to close button when activatedArmand Philippot2022-05-2410-20/+254
|
* chore: adjust cards list spacingArmand Philippot2022-05-232-1/+8
|
* fix: ensure all topics/thematics have the base urlArmand Philippot2022-05-233-8/+8
|
* refactor: reduce the number of data transformationArmand Philippot2022-05-2320-621/+380
|
* chore: adjust dark mode stylesArmand Philippot2022-05-225-34/+188
|
* fix(storybook): create a fake wrapper for Table of Contents storyArmand Philippot2022-05-221-1/+22
|
* fix: render all images unoptimized in StorybookArmand Philippot2022-05-2217-74/+62
| | | | | | There is a bug with next/image and Storybook. I was manually adding `unoptimized` to images. Instead we can use a workaround by adding an extra config in Storybook `preview.js` file.
* fix(comments): allow a depth of 2 instead of 1Armand Philippot2022-05-211-1/+1
| | | | | If I keep 1, some older comments are not displayed because the comments tree was deeper.
* chore: complete Storybook storiesArmand Philippot2022-05-2145-237/+362
|
* fix: close Ackee tooltip on button clickArmand Philippot2022-05-213-19/+39
| | | | | | | The tooltip was closing and reopening on click because of a conflict between the button event and the hook useClickOutside. By checking that the event target is not the button, the tooltip is now closing as expected.
* chore: update some stylesArmand Philippot2022-05-216-25/+12
| | | | | | | * Improve wp-blocks-columns, wp-block-quote and some images * Make Sharing widget consistent between pages * Remove margin option from lists * Fix Topic logo alignement
* chore: update images stylesArmand Philippot2022-05-205-17/+76
|
* chore: udpate code blocks styleArmand Philippot2022-05-201-139/+135
|
* chore: handle blog pagination when JS is disabledArmand Philippot2022-05-203-33/+74
|
* refactor: rewrite Prism hooks and providersArmand Philippot2022-05-193-22/+11
| | | | | It avoid some hydratation errors on project pages (not in article however) and the hooks are now reusable.
* chore: fix minor styles/typescript issues introduced during refactoringArmand Philippot2022-05-184-3/+8
|
* chore: handle settings changeArmand Philippot2022-05-1829-138/+358
|
* chore: close toolbar modals on click/focus outsideArmand Philippot2022-05-1818-128/+215
|
* chore: add branding animationArmand Philippot2022-05-185-46/+142
|
* chore: use persistent layoutArmand Philippot2022-05-178-77/+105
| | | | | It prevents to rerender the common components between pages (header, footer...).
* chore: make some widgets scrollable (like ToC)Armand Philippot2022-05-173-1/+28
|
* chore: adjust articles stylesArmand Philippot2022-05-1710-111/+194
| | | | | * change animation on article card hover * change comments section alignment
* chore: listen scroll to hide/show back to top buttonArmand Philippot2022-05-175-15/+64
|