diff --git a/.gitignore b/.gitignore
index 627ffc0f2..d989e1ad1 100644
--- a/.gitignore
+++ b/.gitignore
@@ -8,6 +8,8 @@ public/static/lang/.messages/
.env*.local
.vercel
cypress/screenshots
+.yalc
+yalc.lock
# Sentry
.sentryclirc
diff --git a/.vscode/settings.json b/.vscode/settings.json
new file mode 100644
index 000000000..59eb1da5f
--- /dev/null
+++ b/.vscode/settings.json
@@ -0,0 +1,4 @@
+{
+ "prettier.semi": false,
+ "prettier.singleQuote": true
+}
diff --git a/components/Badge.js b/components/Badge.js
index 0c5c1d955..12c7d8411 100644
--- a/components/Badge.js
+++ b/components/Badge.js
@@ -4,6 +4,7 @@ import { cloneElement } from 'react'
import { FormattedMessage } from 'react-intl'
import styled from 'styled-components'
import { getTestMetadata } from './utils'
+import * as icons from 'ooni-components/icons'
// XXX replace what is inside of search/results-list.StyledResultTag
const Badge = styled(Box)`
@@ -38,7 +39,7 @@ const TestGroupBadge = ({ testName, ...props }) => {
export const CategoryBadge = ({ categoryCode }) => {
let IconComponent
try {
- IconComponent = require(`ooni-components/dist/icons/CategoryCode${categoryCode}`).default
+ IconComponent = icons[`CategoryCode${categoryCode}`]
} catch {
IconComponent = null
}
@@ -49,11 +50,7 @@ export const CategoryBadge = ({ categoryCode }) => {
- {IconComponent &&
-
-
-
- }
+ {IconComponent && }
)
diff --git a/components/DateRangePicker.js b/components/DateRangePicker.js
index 60a27bcbd..af186b4a0 100644
--- a/components/DateRangePicker.js
+++ b/components/DateRangePicker.js
@@ -42,9 +42,6 @@ margin: 1em 1em 0;
display: flex;
gap: 6px;
flex-wrap: wrap;
-button {
- padding: 4px 6px;
-}
`
const StyledFooter = styled.div`
@@ -101,7 +98,9 @@ const DateRangePicker = ({handleRangeSelect, initialRange, close, ...props}) =>
const rangesList = ranges.map((range) =>