From 796d864b7ee1997c6abaaa207f7ff06c3feeb412 Mon Sep 17 00:00:00 2001 From: Anand Gorantala Date: Thu, 10 Oct 2024 16:04:20 -0700 Subject: [PATCH] feat: Add feedback link to the code samples --- examples/autosuggest/src/App.tsx | 13 +++++-- examples/autosuggest/src/Footer.tsx | 28 +++++++-------- examples/categories/src/App.jsx | 9 +++++ examples/categories/src/Footer.jsx | 26 +++++++------- examples/dynamic-grouping/src/App.jsx | 9 +++++ examples/dynamic-grouping/src/Footer.jsx | 34 +++++++++--------- examples/facets/src/App.jsx | 9 +++++ examples/facets/src/Footer.jsx | 36 ++++++++++---------- examples/multi-language/src/App.jsx | 13 ++++++- examples/multi-language/src/Footer.jsx | 26 +++++++------- examples/pixel/src/app/DeveloperToolbar.jsx | 10 +++++- examples/pixel/src/app/Footer.jsx | 36 ++++++++++---------- examples/recommendations/src/App.jsx | 9 +++++ examples/recommendations/src/Footer.jsx | 24 +++++++------ examples/relevance-by-segment/src/App.jsx | 9 +++++ examples/relevance-by-segment/src/Footer.jsx | 30 ++++++++-------- examples/search/src/App.tsx | 9 +++++ examples/search/src/Footer.tsx | 28 ++++++++------- examples/visual-search/app/Footer.tsx | 30 ++++++++-------- examples/visual-search/app/page.tsx | 10 +++++- 20 files changed, 251 insertions(+), 147 deletions(-) diff --git a/examples/autosuggest/src/App.tsx b/examples/autosuggest/src/App.tsx index 8246506..7b59956 100644 --- a/examples/autosuggest/src/App.tsx +++ b/examples/autosuggest/src/App.tsx @@ -7,6 +7,7 @@ import { InputField, SearchIcon, LoaderIcon, + ExternalLinkIcon, TabPanel, Tab, Tabs, @@ -85,17 +86,25 @@ export default function App() { setShowJson(!showJson)} /> + + Feedback + +
- + ✨
Autosuggest
diff --git a/examples/autosuggest/src/Footer.tsx b/examples/autosuggest/src/Footer.tsx index 1f32971..5878ff2 100644 --- a/examples/autosuggest/src/Footer.tsx +++ b/examples/autosuggest/src/Footer.tsx @@ -29,10 +29,10 @@ export const Footer = () => {
@@ -42,23 +42,23 @@ export const Footer = () => {
  • Autosuggest {' '} - +
  • Autosuggest API reference {' '} - +
    • @@ -71,49 +71,49 @@ export const Footer = () => {
  • Bloomreach SDK {' '} - +
  • Limitless commerce UI kit {' '} - +
  • Web code samples {' '} - +
  • Sample catalogs {' '} - +
    • diff --git a/examples/categories/src/App.jsx b/examples/categories/src/App.jsx index f3a164f..06c4849 100644 --- a/examples/categories/src/App.jsx +++ b/examples/categories/src/App.jsx @@ -4,6 +4,7 @@ import JsonView from "@uiw/react-json-view"; import { ToggleField, LoaderIcon, + ExternalLinkIcon, } from "@bloomreach/react-banana-ui"; import "@bloomreach/react-banana-ui/style.css"; @@ -91,6 +92,14 @@ export default function App() { checked={showJson} onChange={() => setShowJson(!showJson)} /> + + Feedback + +
    diff --git a/examples/categories/src/Footer.jsx b/examples/categories/src/Footer.jsx index fa45599..c9b2af1 100644 --- a/examples/categories/src/Footer.jsx +++ b/examples/categories/src/Footer.jsx @@ -29,10 +29,12 @@ export const Footer = () => {
    - See the source on Github + See the source on Github + {' '} +
    @@ -42,12 +44,12 @@ export const Footer = () => {
  • Search category trees {' '} - +
    • @@ -60,49 +62,49 @@ export const Footer = () => {
  • Bloomreach SDK {' '} - +
  • Limitless commerce UI kit {' '} - +
  • Web code samples {' '} - +
  • Sample catalogs {' '} - +
    • diff --git a/examples/dynamic-grouping/src/App.jsx b/examples/dynamic-grouping/src/App.jsx index de9947d..788a312 100644 --- a/examples/dynamic-grouping/src/App.jsx +++ b/examples/dynamic-grouping/src/App.jsx @@ -6,6 +6,7 @@ import { SearchIcon, Pagination, LoaderIcon, + ExternalLinkIcon, } from "@bloomreach/react-banana-ui"; import { useEffect, useMemo, useState } from "react"; import _ from "lodash"; @@ -83,6 +84,14 @@ export default function App() { checked={showJson} onChange={() => setShowJson(!showJson)} /> + + Feedback + +
    diff --git a/examples/dynamic-grouping/src/Footer.jsx b/examples/dynamic-grouping/src/Footer.jsx index 46ea7b3..4b6780b 100644 --- a/examples/dynamic-grouping/src/Footer.jsx +++ b/examples/dynamic-grouping/src/Footer.jsx @@ -30,10 +30,12 @@ export const Footer = () => {
    - See the source on Github + See the source on Github + {' '} +
    @@ -43,34 +45,34 @@ export const Footer = () => {
  • Dynamic Grouping {' '} - +
  • Dynamic Grouping API {' '} - +
  • Group merchandising {' '} - +
    • @@ -83,49 +85,49 @@ export const Footer = () => {
  • Bloomreach SDK {' '} - +
  • Limitless commerce UI kit {' '} - +
  • Web code samples {' '} - +
  • Sample catalogs {' '} - +
    • diff --git a/examples/facets/src/App.jsx b/examples/facets/src/App.jsx index 4bb27d3..f7bb092 100644 --- a/examples/facets/src/App.jsx +++ b/examples/facets/src/App.jsx @@ -9,6 +9,7 @@ import { InputField, SearchIcon, LoaderIcon, + ExternalLinkIcon, Pagination, } from "@bloomreach/react-banana-ui"; import "@bloomreach/react-banana-ui/style.css"; @@ -177,6 +178,14 @@ export default function App() { checked={showJson} onChange={() => setShowJson(!showJson)} /> + + Feedback + +
    diff --git a/examples/facets/src/Footer.jsx b/examples/facets/src/Footer.jsx index e06f0a7..860c5cd 100644 --- a/examples/facets/src/Footer.jsx +++ b/examples/facets/src/Footer.jsx @@ -29,12 +29,12 @@ export const Footer = () => {
    See the source on Github {' '} - +
    @@ -44,45 +44,45 @@ export const Footer = () => {
  • Sorting {' '} - +
  • Pagination {' '} - +
  • Facets & filtering {' '} - +
  • Search use cases {' '} - +
    • @@ -95,49 +95,49 @@ export const Footer = () => {
  • Bloomreach SDK {' '} - +
  • Limitless commerce UI kit {' '} - +
  • Web code samples {' '} - +
  • Sample catalogs {' '} - +
    • diff --git a/examples/multi-language/src/App.jsx b/examples/multi-language/src/App.jsx index b3d5ba5..f79f859 100644 --- a/examples/multi-language/src/App.jsx +++ b/examples/multi-language/src/App.jsx @@ -1,7 +1,10 @@ import { InputField, LoaderIcon, - SearchIcon, SelectField, SelectOption, + SearchIcon, + ExternalLinkIcon, + SelectField, + SelectOption, ToggleField, } from "@bloomreach/react-banana-ui"; import { useEffect, useMemo, useState } from "react"; @@ -77,6 +80,14 @@ export default function App() { checked={showJson} onChange={() => setShowJson(!showJson)} /> + + Feedback + +
    diff --git a/examples/multi-language/src/Footer.jsx b/examples/multi-language/src/Footer.jsx index 08dc13b..13c93b5 100644 --- a/examples/multi-language/src/Footer.jsx +++ b/examples/multi-language/src/Footer.jsx @@ -28,10 +28,12 @@ export const Footer = () => {
    - See the source on Github + See the source on Github + {' '} +
    @@ -46,7 +48,7 @@ export const Footer = () => { > Multi-language Support {' '} - +
  • @@ -57,7 +59,7 @@ export const Footer = () => { > Multi-language site integration {' '} - +
    • @@ -70,49 +72,49 @@ export const Footer = () => {
  • Bloomreach SDK {' '} - +
  • Limitless commerce UI kit {' '} - +
  • Web code samples {' '} - +
  • Sample catalogs {' '} - +
    • diff --git a/examples/pixel/src/app/DeveloperToolbar.jsx b/examples/pixel/src/app/DeveloperToolbar.jsx index 6dafaa9..27d5e8a 100644 --- a/examples/pixel/src/app/DeveloperToolbar.jsx +++ b/examples/pixel/src/app/DeveloperToolbar.jsx @@ -84,10 +84,18 @@ export function DeveloperToolbar() { setShowJson(!showJson)} /> + + Feedback + + See the source on Github {' '} - + @@ -49,49 +49,49 @@ export function Footer() {
  • Pixel overview {' '} - +
  • Pixel reference {' '} - +
  • Single page application tracking {' '} - +
  • Tag manager pixel integration {' '} - +
    • @@ -104,49 +104,49 @@ export function Footer() {
  • Bloomreach SDK {' '} - +
  • Limitless commerce UI kit {' '} - +
  • Web code samples {' '} - +
  • Sample catalogs {' '} - +
    • diff --git a/examples/recommendations/src/App.jsx b/examples/recommendations/src/App.jsx index 537f26f..083fc01 100644 --- a/examples/recommendations/src/App.jsx +++ b/examples/recommendations/src/App.jsx @@ -4,6 +4,7 @@ import { ToggleField, Tooltip, InfoIcon, + ExternalLinkIcon, } from "@bloomreach/react-banana-ui"; import { useEffect, useState } from "react"; import JsonView from "@uiw/react-json-view"; @@ -53,6 +54,14 @@ export default function App() { checked={showJson} onChange={() => setShowJson(!showJson)} /> + + Feedback + +
    diff --git a/examples/recommendations/src/Footer.jsx b/examples/recommendations/src/Footer.jsx index 83f4865..6ad6a15 100644 --- a/examples/recommendations/src/Footer.jsx +++ b/examples/recommendations/src/Footer.jsx @@ -29,10 +29,12 @@ export const Footer = () => {
    @@ -47,7 +49,7 @@ export const Footer = () => { > Recommendations and Pathways API {' '} - + @@ -60,49 +62,49 @@ export const Footer = () => {
  • Bloomreach SDK {' '} - +
  • Limitless commerce UI kit {' '} - +
  • Web code samples {' '} - +
  • Sample catalogs {' '} - +
    • diff --git a/examples/relevance-by-segment/src/App.jsx b/examples/relevance-by-segment/src/App.jsx index 5cd3fe0..46c693f 100644 --- a/examples/relevance-by-segment/src/App.jsx +++ b/examples/relevance-by-segment/src/App.jsx @@ -6,6 +6,7 @@ import { SearchIcon, Pagination, LoaderIcon, + ExternalLinkIcon, } from "@bloomreach/react-banana-ui"; import { useEffect, useMemo, useState } from "react"; import _ from "lodash"; @@ -85,6 +86,14 @@ export default function App() { checked={showJson} onChange={() => setShowJson(!showJson)} /> + + Feedback + +
    diff --git a/examples/relevance-by-segment/src/Footer.jsx b/examples/relevance-by-segment/src/Footer.jsx index 6bc146c..2404156 100644 --- a/examples/relevance-by-segment/src/Footer.jsx +++ b/examples/relevance-by-segment/src/Footer.jsx @@ -30,10 +30,12 @@ export const Footer = () => {
    @@ -43,23 +45,23 @@ export const Footer = () => {
  • Relevance by segment {' '} - +
  • Relevance by segment parameter {' '} - +
    • @@ -72,49 +74,49 @@ export const Footer = () => {
  • Bloomreach SDK {' '} - +
  • Limitless commerce UI kit {' '} - +
  • Web code samples {' '} - +
  • Sample catalogs {' '} - +
    • diff --git a/examples/search/src/App.tsx b/examples/search/src/App.tsx index 9dfed44..3af6499 100644 --- a/examples/search/src/App.tsx +++ b/examples/search/src/App.tsx @@ -6,6 +6,7 @@ import { LoaderIcon, SearchIcon, Pagination, + ExternalLinkIcon, } from "@bloomreach/react-banana-ui"; import { Configuration, @@ -119,6 +120,14 @@ export default function App() { checked={showJson} onChange={() => setShowJson(!showJson)} /> + + Feedback + +
    diff --git a/examples/search/src/Footer.tsx b/examples/search/src/Footer.tsx index efcaf5d..889a030 100644 --- a/examples/search/src/Footer.tsx +++ b/examples/search/src/Footer.tsx @@ -29,10 +29,12 @@ export const Footer = () => {
    @@ -47,7 +49,7 @@ export const Footer = () => { > Sorting {' '} - +
  • @@ -58,7 +60,7 @@ export const Footer = () => { > Pagination {' '} - +
  • @@ -69,7 +71,7 @@ export const Footer = () => { > Search use cases {' '} - +
    • @@ -82,49 +84,49 @@ export const Footer = () => {
  • Bloomreach SDK {' '} - +
  • Limitless commerce UI kit {' '} - +
  • Web code samples {' '} - +
  • Sample catalogs {' '} - +
    • diff --git a/examples/visual-search/app/Footer.tsx b/examples/visual-search/app/Footer.tsx index 85eb50d..7378d6e 100644 --- a/examples/visual-search/app/Footer.tsx +++ b/examples/visual-search/app/Footer.tsx @@ -28,10 +28,12 @@ export const Footer = () => { @@ -43,23 +45,23 @@ export const Footer = () => {
  • Visual Search {' '} - +
  • Visual Search API {' '} - +
    • @@ -72,49 +74,49 @@ export const Footer = () => {
  • Bloomreach SDK {' '} - +
  • Limitless commerce UI kit {' '} - +
  • Web code samples {' '} - +
  • Sample catalogs {' '} - +
    • diff --git a/examples/visual-search/app/page.tsx b/examples/visual-search/app/page.tsx index a732c83..b31b4c4 100644 --- a/examples/visual-search/app/page.tsx +++ b/examples/visual-search/app/page.tsx @@ -5,13 +5,13 @@ import { ToggleField, InputField, Button, + ExternalLinkIcon, } from "@bloomreach/react-banana-ui"; import JsonView from "@uiw/react-json-view"; import useVisualSearchApi from "../hooks/useVisualSearchApi"; import { Price } from "../components/Price"; import { Footer } from "./Footer"; - export default function Home() { const [uploading, setUploading] = useState(false); const [uploadError, setUploadError] = useState(null); @@ -120,6 +120,14 @@ export default function Home() { checked={showJson} onChange={() => setShowJson(!showJson)} /> + + Feedback + +