• Index
• Search by APIs
• Search by Words
• Project Search

• Java
• Python
• JavaScript
• TypeScript
• C++
• Scala
• Blog

• substrate-api-explorer-master
  • .eslintignore
  • src
    • utils
      • index.ts
    • pages
      • CompareApi
        • sections
          • Main
            • index.ts
            • styled.ts
            • Main.tsx
          • index.ts
          • Subcategory
            • index.ts
            • styled.ts
            • Subcategory.tsx
          • Category
            • index.ts
            • styled.ts
            • Category.tsx
        • index.ts
        • styled.ts
        • CompareApi.tsx
      • SelectApi
        • SelectApi.tsx
        • index.ts
        • styled.ts
      • index.ts
      • ExploreApi
        • sections
          • Main
            • index.ts
            • styled.ts
            • Main.tsx
          • index.ts
          • Subcategory
            • index.ts
            • styled.ts
            • Subcategory.tsx
          • Category
            • index.ts
            • styled.ts
            • Category.tsx
          • Method
            • Method.tsx
            • index.ts
            • styled.ts
        • ExploreApi.tsx
        • index.ts
        • styled.ts
      • Search
        • Search.tsx
        • index.ts
        • styled.ts
      • Contact
        • index.ts
        • styled.ts
        • Contact.tsx
    • actions
      • loading.ts
      • api.ts
      • index.ts
      • message.ts
    • reducers
      • loading.ts
      • api.ts
      • index.ts
      • message.ts
    • index.tsx
    • hooks
      • index.ts
      • useDebounce.ts
      • useMediaQuery.ts
      • useBooleanState.ts
    • containers
      • App
        • App.tsx
        • index.ts
      • index.ts
    • package.alias.json
    • ui
      • Textarea
        • index.ts
        • styled.ts
        • Textarea.tsx
      • Input
        • Input.tsx
        • index.ts
        • styled.ts
      • Modal
        • index.ts
        • styled.ts
        • Modal.tsx
      • index.ts
      • Button
        • index.ts
        • styled.ts
        • Button.tsx
      • Card
        • index.ts
        • styled.ts
        • Card.tsx
      • Loading
        • index.ts
        • styled.ts
        • Loading.tsx
      • Dropdown
        • index.ts
        • styled.ts
        • Dropdown.tsx
      • RadioGroup
        • index.ts
        • styled.ts
        • RadioGroup.tsx
      • MobileNav
        • index.ts
        • styled.ts
        • MobileNav.tsx
    • middleware
      • index.ts
      • reduxLogger.ts
    • components
      • ExploreApiLink
        • index.ts
        • styled.ts
        • ExploreApiLink.tsx
      • CompareApiCard
        • CompareApiCard.tsx
        • index.ts
        • styled.ts
      • ExploreApiConst
        • ExploreApiConst.tsx
        • index.ts
        • styled.ts
      • App
        • App.tsx
        • index.ts
      • index.ts
      • CompareApiLink
        • CompareApiLink.tsx
        • index.ts
        • styled.ts
      • ExploreApiSearch
        • index.ts
        • styled.ts
        • ExploreApiSearch.tsx
      • ExploreApiBreadcrumbs
        • index.ts
        • styled.ts
        • ExploreApiBreadcrumbs.tsx
      • CompareApiLegend
        • CompareApiLegend.tsx
        • index.ts
        • styled.ts
      • CompareApiBreadcrumbs
        • CompareApiBreadcrumbs.tsx
        • index.ts
        • styled.ts
    • config
      • store.ts
    • constants
      • loading.ts
      • api.ts
      • message.ts
    • types
      • loading.ts
      • api.ts
      • index.ts
      • ui.ts
      • message.ts
    • styles
      • variables.ts
      • media.ts
      • global.css
    • layouts
      • index.ts
      • DefaultLayout
        • DefaultLayout.tsx
        • index.ts
        • styled.ts
    • mocks
      • api.ts
    • selectors
      • loading.ts
      • api.ts
      • index.ts
      • message.ts
  • stories
    • ui
      • Textarea
        • Textarea.stories.tsx
      • Input
        • Input.stories.tsx
      • Button
        • Button.stories.tsx
      • Card
        • Card.stories.tsx
      • Loading
        • Loading.stories.tsx
      • Dropdown
        • Dropdown.stories.tsx
      • RadioGroup
        • RadioGroup.stories.tsx
    • components
      • ExploreApiLink
        • ExploreApiLink.stories.tsx
      • CompareApiCard
        • CompareApiCard.stories.tsx
      • ExploreApiConst
        • ExploreApiConst.stories.tsx
      • CompareApiLink
        • CompareApiLink.stories.tsx
      • ExploreApiSearch
        • ExploreApiSearch.stories.tsx
      • ExploreApiBreadcrumbs
        • ExploreApiBreadcrumbs.stories.tsx
      • CompareApiLegend
        • CompareApiLegend.stories.tsx
      • CompareApiBreadcrumbs
        • CompareApiBreadcrumbs.stories.tsx
    • layouts
      • DefaultLayout
        • DefaultLayout.stories.tsx
  • public
    • icons
      • favicon
        • site.webmanifest
    • _redirects
    • images
    • index.html
  • .prettierrc
  • LICENSE
  • .eslintrc
  • .editorconfig
  • webpack.config.js
  • .storybook
    • config.ts
    • preview-head.html
    • webpack.config.js
    • addons.ts
  • blueprints
    • story
      • __pascalCase_name__
        • __pascalCase_name__.stories.ts
    • component
      • __pascalCase_name__
        • index.ts
        • styled.ts
        • __pascalCase_name__.tsx
  • .babelrc
  • renovate.json
  • README.md
  • package.json
  • tsconfig.json
  • .gitignore

import React from 'react'
import { storiesOf } from '@storybook/react'
import { MemoryRouter } from 'react-router'
import { text } from '@storybook/addon-knobs'

import { ExploreApiBreadcrumbs } from 'components'

storiesOf('COMPONENTS|ExploreApiBreadcrumbs', module)
  .addDecorator(story => (
    <MemoryRouter initialEntries={['/']}>{story()}</MemoryRouter>
  ))
  .add('default', () => {
    const urlKnob = text(
      'apiexplorer.polkalert.com/explore-api/',
      'query/staking',
      'other'
    )

    return (
      <div style={{ padding: '24px' }}>
        <ExploreApiBreadcrumbs match={{ url: `/explore-api/${urlKnob}` }} />
      </div>
    )
  })