diff --git a/web/src/App.tsx b/web/src/App.tsx
index d7631a7..cd99980 100644
--- a/web/src/App.tsx
+++ b/web/src/App.tsx
@@ -33,25 +33,6 @@ export default function App() {
);
}
-function Search() {
- const params = useParams<{query: string}>();
- const currentQuery = sanitize(params.query);
-
- return (
- <>
-
- Search for "{currentQuery}" — namae
-
-
-
-
-
- >
- );
-}
-
function Home() {
const {t} = useTranslation();
@@ -70,6 +51,25 @@ function Home() {
);
}
+function Search() {
+ const {query} = useParams<{query: string}>();
+ const currentQuery = sanitize(query);
+
+ return (
+ <>
+
+ Search for "{currentQuery}" — namae
+
+
+
+
+
+ >
+ );
+}
+
const GlobalStyle = createGlobalStyle`
* {
box-sizing: border-box;
diff --git a/web/src/components/Form.tsx b/web/src/components/Form.tsx
index 46e7faa..07df023 100644
--- a/web/src/components/Form.tsx
+++ b/web/src/components/Form.tsx
@@ -3,7 +3,7 @@ import styled from 'styled-components';
import {useTranslation} from 'react-i18next';
import {Link, useHistory} from 'react-router-dom';
import {sanitize} from '../util/text';
-import {sendQueryStatistics} from '../util/analytics';
+import {sendQueryEvent} from '../util/analytics';
import {useDeferredState} from '../util/hooks';
import {mobile} from '../util/css';
import Suggestion from './Suggestion';
@@ -44,7 +44,7 @@ const Form: React.FC<{
if (!query || query === '') {
return;
}
- sendQueryStatistics(query.length);
+ sendQueryEvent(query);
history.push(`/s/${query}`);
}
diff --git a/web/src/components/Suggestion.tsx b/web/src/components/Suggestion.tsx
index 4a6ae09..2676629 100644
--- a/web/src/components/Suggestion.tsx
+++ b/web/src/components/Suggestion.tsx
@@ -9,6 +9,10 @@ import {capitalize, stem, germanify, njoin, lower, upper} from '../util/text';
import {sampleFromArray, fillArray} from '../util/array';
import {mobile} from '../util/css';
import {sanitize} from '../util/text';
+import {
+ sendShuffleSuggestionEvent,
+ sendAcceptSuggestionEvent,
+} from '../util/analytics';
type Modifier = (word: string) => string;
@@ -22,6 +26,7 @@ const modifiers: Modifier[] = [
(word): string => njoin('Co', lower(word), {elision: false}),
(word): string => njoin('Deep', capitalize(word), {elision: false}),
(word): string => njoin('Easy', capitalize(word), {elision: false}),
+ (word): string => njoin('En', lower(word), {elision: false}),
(word): string => njoin('Fast', lower(word), {elision: false}),
(word): string => njoin('Fire', lower(word), {elision: false}),
(word): string => njoin('Fusion', capitalize(word), {elision: false}),
@@ -98,6 +103,7 @@ const modifiers: Modifier[] = [
(word): string => njoin(capitalize(word), 'Club', {elision: false}),
(word): string => njoin(capitalize(word), 'DB', {elision: false}),
(word): string => njoin(capitalize(word), 'Express', {elision: false}),
+ (word): string => njoin(capitalize(word), 'en'),
(word): string => njoin(capitalize(word), 'feed', {elision: false}),
(word): string => njoin(capitalize(word), 'Finder', {elision: false}),
(word): string => njoin(capitalize(word), 'flow', {elision: false}),
@@ -186,9 +192,15 @@ const Suggestion: React.FC<{
}
function applyQuery(name: string): void {
+ sendAcceptSuggestionEvent();
onSubmit(name);
}
+ function onShuffleButtonClicked() {
+ sendShuffleSuggestionEvent();
+ shuffle();
+ }
+
useEffect(() => {
let isEffective = true;
const fn = async (): Promise => {
@@ -218,7 +230,7 @@ const Suggestion: React.FC<{
))}
-