aboutsummaryrefslogtreecommitdiffstats
path: root/src/utils/hooks
Commit message (Collapse)AuthorAgeFilesLines
* chore(toc): exclude comments section for headings listArmand Philippot2022-02-121-1/+1
|
* refactor(project): replace repo api call method with hook and swrArmand Philippot-0/+23
| | | | | | | | | | Instead of using post slug and an environment variable to fetch repo data, I use the given repo in each project MDX file. It allows me to fetch data from another user/organization if needed. To make it work, I no longer provide the full URL in MDX file. The new format is: "User/repo-slug". I also replaced the fetch method with SWR to improve caching and to avoid React complaining about cleanup useEffect.
* fix(toc): render on each route change and exclude aside titlesArmand Philippot2022-01-111-7/+20
| | | | | | On subject pages for example, the table of contents was not updated on route change. So I added router.asPath as dependency of useEffect. I also changed the query to exclude all titles in aside (ToC, widgets).
* refactor: avoid useless assignement before return statementArmand Philippot2022-01-041-5/+2
|
* chore: add a table of contentsArmand Philippot2021-12-211-7/+1
|
* chore: add a hook to build headings treeArmand Philippot2021-12-211-0/+100
ight .sc { color: #dd2200; background-color: #fff0f0 } /* Literal.String.Char */ .highlight .dl { color: #dd2200; background-color: #fff0f0 } /* Literal.String.Delimiter */ .highlight .sd { color: #dd2200; background-color: #fff0f0 } /* Literal.String.Doc */ .highlight .s2 { color: #dd2200; background-color: #fff0f0 } /* Literal.String.Double */ .highlight .se { color: #0044dd; background-color: #fff0f0 } /* Literal.String.Escape */ .highlight .sh { color: #dd2200; background-color: #fff0f0 } /* Literal.String.Heredoc */ .highlight .si { color: #3333bb; background-color: #fff0f0 } /* Literal.String.Interpol */ .highlight .sx { color: #22bb22; background-color: #f0fff0 } /* Literal.String.Other */ .highlight .sr { color: #008800; background-color: #fff0ff } /* Literal.String.Regex */ .highlight .s1 { color: #dd2200; background-color: #fff0f0 } /* Literal.String.Single */ .highlight .ss { color: #aa6600; background-color: #fff0f0 } /* Literal.String.Symbol */ .highlight .bp { color: #003388 } /* Name.Builtin.Pseudo */ .highlight .fm { color: #0066bb; font-weight: bold } /* Name.Function.Magic */ .highlight .vc { color: #336699 } /* Name.Variable.Class */ .highlight .vg { color: #dd7700 } /* Name.Variable.Global */ .highlight .vi { color: #3333bb } /* Name.Variable.Instance */ .highlight .vm { color: #336699 } /* Name.Variable.Magic */ .highlight .il { color: #0000DD; font-weight: bold } /* Literal.Number.Integer.Long */
import { render, screen } from '@test-utils';
import ButtonLink from './button-link';

describe('ButtonLink', () => {
  it('renders a ButtonLink component', () => {
    render(<ButtonLink target="#">Button Link</ButtonLink>);
    expect(screen.getByRole('link')).toHaveTextContent('Button Link');
  });
});