diff --git a/language/message/de.po b/language/message/de.po index a413754b3..2723d6a81 100644 --- a/language/message/de.po +++ b/language/message/de.po @@ -1042,7 +1042,7 @@ msgid "Your position" msgstr "Ihr Standort" msgid "Back to Qwant.com" -msgstr "Zurück zu Qwant.com" +msgstr "Search" msgid "Qwant Maps uses OpenStreetMap data." msgstr "Qwant Maps verwendet OpenStreetMap-Daten." diff --git a/language/message/en.po b/language/message/en.po index 9ac428c1f..b7dd27c9a 100644 --- a/language/message/en.po +++ b/language/message/en.po @@ -1031,7 +1031,7 @@ msgid "Your position" msgstr "" msgid "Back to Qwant.com" -msgstr "" +msgstr "Search" msgid "Qwant Maps uses OpenStreetMap data." msgstr "" diff --git a/language/message/es.po b/language/message/es.po index 9abe0ab3f..c59b5fe6c 100644 --- a/language/message/es.po +++ b/language/message/es.po @@ -1040,7 +1040,7 @@ msgid "Your position" msgstr "Tu localización" msgid "Back to Qwant.com" -msgstr "Volver a Qwant.com" +msgstr "Search" msgid "Qwant Maps uses OpenStreetMap data." msgstr "Qwant Maps usa datos de OpenStreetMaps." diff --git a/language/message/fr.po b/language/message/fr.po index 2d0f78dbc..4552121a7 100644 --- a/language/message/fr.po +++ b/language/message/fr.po @@ -1035,7 +1035,7 @@ msgid "Your position" msgstr "Votre position" msgid "Back to Qwant.com" -msgstr "Retour à Qwant.com" +msgstr "Search" msgid "Qwant Maps uses OpenStreetMap data." msgstr "Qwant Maps utilise les données OpenStreetMap." diff --git a/language/message/it.po b/language/message/it.po index 99418893c..f2293c563 100644 --- a/language/message/it.po +++ b/language/message/it.po @@ -1043,7 +1043,7 @@ msgid "Your position" msgstr "La tua posizione" msgid "Back to Qwant.com" -msgstr "Torna su Qwant.com" +msgstr "Search" msgid "Qwant Maps uses OpenStreetMap data." msgstr "Qwant Maps usa i dati di OpenStreetMap." diff --git a/public/images/qwant-search-logo.svg b/public/images/qwant-search-logo.svg new file mode 100644 index 000000000..d403ed217 --- /dev/null +++ b/public/images/qwant-search-logo.svg @@ -0,0 +1,6 @@ + + + + + + diff --git a/src/components/BackToQwantButton.jsx b/src/components/BackToQwantButton.jsx index 620339aaf..cd6c72a6d 100644 --- a/src/components/BackToQwantButton.jsx +++ b/src/components/BackToQwantButton.jsx @@ -1,5 +1,6 @@ import React, { useEffect } from 'react'; import { Button, IconArrowLeftLine } from '@qwant/qwant-ponents'; +import { QwantLogoBlue } from 'src/components/ui/icons'; import { useI18n } from 'src/hooks'; const hiddenAttributeClassName = 'map_control__scale_attribute_container--hidden'; @@ -24,6 +25,7 @@ export const BackToQwantButton = ({ isMobile }) => { onClick={() => window.history.back()} > + {_('Back to Qwant.com')} ); diff --git a/src/components/TopBar/TopBar.jsx b/src/components/TopBar/TopBar.jsx index 4b3b3f970..07fd069f1 100644 --- a/src/components/TopBar/TopBar.jsx +++ b/src/components/TopBar/TopBar.jsx @@ -2,8 +2,14 @@ import React, { useEffect, useState, useRef } from 'react'; import cx from 'classnames'; import Telemetry from 'src/libs/telemetry'; import { Suggest } from 'src/components/ui'; -import { IconArrowBackward, IconCloseCircled, IconDirectionsArrow } from 'src/components/ui/icons'; +import { + IconArrowBackward, + IconCloseCircled, + IconDirectionsArrow, + QwantLogoBlue, +} from 'src/components/ui/icons'; import { IconClose, Flex, IconMenu, IconApps } from '@qwant/qwant-ponents'; + import { useConfig, useDevice, useI18n } from 'src/hooks'; import { handleFocus } from 'src/libs/input'; import { selectItem, fetchSuggests } from 'src/libs/suggest'; @@ -199,10 +205,19 @@ const TopBar = ({ value, setUserInputValue, inputRef, onSuggestToggle, backButto })} onClick={() => setProductsDrawerOpen(!isProductsDrawerOpen)} > - - {_('Products', 'menu')} + )} + {!isMobile && ( + + + {_('Back to Qwant.com')} + + )} {config.direction.enabled && ( diff --git a/src/components/ui/icons.ts b/src/components/ui/icons.ts index fb63af276..94eb4ea3a 100644 --- a/src/components/ui/icons.ts +++ b/src/components/ui/icons.ts @@ -33,3 +33,4 @@ export { ReactComponent as IconDirectionsArrow } from '../../../public/images/di export { ReactComponent as IconAndroid } from '../../../public/images/mobile/android.svg'; export { ReactComponent as IconApple } from '../../../public/images/mobile/i-os.svg'; +export { ReactComponent as QwantLogoBlue } from '../../../public/images/qwant-search-logo.svg'; diff --git a/src/libs/url_utils.js b/src/libs/url_utils.js index 352e37f19..9c1f268db 100644 --- a/src/libs/url_utils.js +++ b/src/libs/url_utils.js @@ -76,7 +76,7 @@ export function updateQueryString(queriesObject) { export function shouldShowBackToQwant() { const params = parseQueryString(window.location.search); - return params.client && params.client === 'search-ia-maps-multi'; + return params?.client === 'search-ia-maps-multi' || params?.client === 'search-ia-maps-single'; } const getDrawerUrl = drawer => getAppRelativePathname() + updateQueryString({ drawer }); diff --git a/src/scss/includes/components/backToQwantButton.scss b/src/scss/includes/components/backToQwantButton.scss index 4c8e49385..df5884064 100644 --- a/src/scss/includes/components/backToQwantButton.scss +++ b/src/scss/includes/components/backToQwantButton.scss @@ -1,4 +1,13 @@ .backToQwantButton { + border-radius: 18px; + padding: var(--spacing-xxs) var(--spacing-s) !important; + + .qwant-logo { + width: 24px; + height: 24px; + margin: 0 var(--spacing-xs) 0 0; + } + @media (max-width: 640px) { background-color: white !important; box-shadow: 0 1px 4px 0 rgba(12, 12, 14, 0.2), 0 0 2px 0 rgba(12, 12, 14, 0.12); diff --git a/src/scss/includes/menu.scss b/src/scss/includes/menu.scss index 9d3064283..4facfd7e3 100644 --- a/src/scss/includes/menu.scss +++ b/src/scss/includes/menu.scss @@ -160,7 +160,7 @@ $productDrawerWidth: 744px; &-appButton { &:not(:first-child) { margin-left: 8px; - } + } } } @@ -171,7 +171,6 @@ $productDrawerWidth: 744px; text-align: center; margin-bottom: $spacing-s; padding: $spacing-xxl-3 $spacing-l; - } @media (max-width: 640px) { @@ -228,6 +227,7 @@ $productDrawerWidth: 744px; padding: $spacing-s; border-radius: 8px; box-shadow: $shadow; + text-decoration: none !important; &:hover { color: $grey-black; @@ -243,6 +243,14 @@ $productDrawerWidth: 744px; &--noShadow { box-shadow: none; } + + &--icon { + padding: var(--spacing-xs); + + svg { + margin-right: var(--spacing-xxs); + } + } } .menu-top {