| Commit message (Collapse) | Author | Age | Files | Lines | |
|---|---|---|---|---|---|
| * | refactor(components): replace Toolbar with Navbar component | Armand Philippot | 2023-11-11 | 18 | -996/+0 |
| | | | | | | | | | * remove SearchModal and SettingsModal components * add a generic NavbarItem component (instead of the previous toolbar items to avoid unreadable styles...) * move FlippingLabel component logic into NavbarItem since it is only used here | ||||
| * | refactor(hooks): replace useInputAutofocus with useAutofocus hook | Armand Philippot | 2023-11-11 | 1 | -7/+4 |
| | | | | | | | * extract setTimeout logic using useTimeout * change condition to be a function * return a ref | ||||
| * | refactor(components): rewrite Modal component | Armand Philippot | 2023-11-11 | 4 | -10/+25 |
| | | | | | | * add an optional close button * add an icon prop | ||||
| * | refactor(components): extract SettingsForm component form SettingsModal | Armand Philippot | 2023-11-11 | 1 | -1/+1 |
| | | | | | | | We could use an array of items and map over it instead of repeating the Switch component for each settings but with translations, it becomes quickly unreadable. So I prefer to keep separate components. | ||||
| * | feat(hooks): add useBoolean and useToggle hooks | Armand Philippot | 2023-11-11 | 4 | -49/+36 |
| | | |||||
| * | refactor(hooks,provider): move reduce motion setter | Armand Philippot | 2023-11-11 | 6 | -63/+16 |
| | | | | | | | | | | | Since the local storage key is not meant to change between the components, it should be set directly inside the app file. So both the local storage and the data attribute should be handle in a provider. I also added a custom document because we need a script to retrieve the stored value in local storage earlier to avoid flashing on hydration. | ||||
| * | refactor(hooks,providers): rewrite useAckee hook and AckeeProvider | Armand Philippot | 2023-11-11 | 6 | -60/+22 |
| | | |||||
| * | refactor(components): extract MainNav component from toolbar | Armand Philippot | 2023-11-11 | 5 | -81/+75 |
| | | |||||
| * | refactor(components): rewrite NavList component | Armand Philippot | 2023-11-11 | 2 | -20/+32 |
| | | | | | | | | * extract NavItem from NavList * remove `kind` and `listClassName` props (since the consumer has control over NavList, NavItem and NavLink components these props are obsolete) | ||||
| * | feat(components): add a generic Flip component | Armand Philippot | 2023-11-11 | 2 | -8/+6 |
| | | | | | | | The flipping animation is used at several places so it makes sense to use a single component to handle the animation. It will avoid styles duplication. | ||||
| * | feat(components): replace icons with a generic Icon component | Armand Philippot | 2023-10-24 | 3 | -17/+8 |
| | | | | | | Sizes are also predefined and can be set using the `size` prop, so the consumers should no longer adjust the size in CSS. | ||||
| * | feat(components): add Article, Aside, Footer, Header, Main & Nav | Armand Philippot | 2023-10-24 | 1 | -4/+4 |
| | | | | | | Some components have been renamed to be able to create Footer, Header and Nav. | ||||
| * | build: convert project to esm | Armand Philippot | 2023-10-24 | 4 | -0/+4 |
| | | |||||
| * | refactor(components): rewrite form components | Armand Philippot | 2023-10-24 | 7 | -21/+17 |
| | | |||||
| * | refactor: use named export for everything except pages | Armand Philippot | 2023-09-20 | 13 | -57/+58 |
| | | | | | | | Next expect a default export for pages so only those components should use default exports. Everything else should use named exports to reduce the number of import statements. | ||||
| * | refactor(build): replace paths aliases with relative paths | Armand Philippot | 2023-09-19 | 12 | -37/+31 |
| | | | | | | | Using paths aliases starting with "@" can be confusing and can lead to conflict with existings modules. I prefer to use relative paths to avoid extra configuration in tools because of these aliases. | ||||
| * | chore(toolbar): add missing animation on medium and large devices | Armand Philippot | 2022-06-09 | 1 | -0/+4 |
| | | |||||
| * | fix(media-queries): use pixel based media queries | Armand Philippot | 2022-06-09 | 1 | -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 devices | Armand Philippot | 2022-06-09 | 3 | -71/+27 |
| | | | | | | | 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 closing | Armand Philippot | 2022-06-08 | 1 | -10/+11 |
| | | | | | | 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 aria hidden attribute to SVG icons | Armand Philippot | 2022-06-07 | 2 | -2/+2 |
| | | |||||
| * | test: install and configure cypress | Armand Philippot | 2022-06-02 | 4 | -4/+4 |
| | | | | | I also configure Jest to avoid conflicts between Cypress and Jest. | ||||
| * | chore: replace the toggle component | Armand Philippot | 2022-06-01 | 1 | -1/+1 |
| | | |||||
| * | chore: replace Checkbox component with a BooleanField component | Armand Philippot | 2022-05-31 | 7 | -27/+63 |
| | | | | | | Checkbox and radio buttons are working the same way so I decided to group them in a same component. | ||||
| * | chore: close search form when launching search | Armand Philippot | 2022-05-24 | 1 | -0/+2 |
| | | |||||
| * | chore: give autofocus to the toolbar search form | Armand Philippot | 2022-05-24 | 1 | -2/+11 |
| | | |||||
| * | chore(toolbar): change icons to close button when activated | Armand Philippot | 2022-05-24 | 4 | -20/+24 |
| | | |||||
| * | chore: complete Storybook stories | Armand Philippot | 2022-05-21 | 5 | -16/+30 |
| | | |||||
| * | chore: handle settings change | Armand Philippot | 2022-05-18 | 7 | -25/+109 |
| | | |||||
| * | chore: close toolbar modals on click/focus outside | Armand Philippot | 2022-05-18 | 7 | -43/+37 |
| | | |||||
| * | chore: add branding animation | Armand Philippot | 2022-05-18 | 2 | -1/+16 |
| | | |||||
| * | chore: add Search page | Armand Philippot | 2022-05-15 | 6 | -23/+25 |
| | | |||||
| * | chore: add a Layout component | Armand Philippot | 2022-04-22 | 2 | -1/+8 |
| | | | | | It defines the different components used by all other layouts. | ||||
| * | refactor(storybook): reorganize design system | Armand Philippot | 2022-04-20 | 4 | -39/+128 |
| | | | | | | Add more stories for each components and change some components categories for better organization. | ||||
| * | refactor: support React 18 | Armand Philippot | 2022-04-16 | 4 | -23/+29 |
| | | | | | | | | | I replaced the deprecated VFC type with FC type and made all children explicits. Formatjs is still not compatible with React 18 so I need to skip type checking when comitting. There are some type errors because of IntlProvider in Storybook stories. | ||||
| * | chore: add a Toolbar component | Armand Philippot | 2022-04-14 | 6 | -63/+241 |
| | | |||||
| * | chore: add a Search component | Armand Philippot | 2022-04-14 | 4 | -0/+151 |
| | | |||||
| * | chore: add a Settings component | Armand Philippot | 2022-04-14 | 4 | -0/+176 |
| | | |||||
| * | chore: add a MainNav component | Armand Philippot | 2022-04-14 | 5 | -0/+361 |
 |
index : www.armandphilippot.com | |
| The frontend of my personal website. | Armand Philippot |
| aboutsummaryrefslogtreecommitdiffstats |