mirror of
https://github.com/woodpecker-ci/woodpecker.git
synced 2024-06-02 21:49:25 +00:00
22 lines
677 B
JavaScript
22 lines
677 B
JavaScript
import React, { Component } from "react";
|
|
import { ExpandIcon, BackIcon } from "shared/components/icons/index";
|
|
import style from "./breadcrumb.less";
|
|
|
|
// breadcrumb separator icon.
|
|
export const SEPARATOR = <ExpandIcon size={18} className={style.separator} />;
|
|
|
|
// breadcrumb back button.
|
|
export const BACK_BUTTON = <BackIcon size={18} className={style.back} />;
|
|
|
|
// helper function to render a list item.
|
|
const renderItem = (element, index) => {
|
|
return <li key={index}>{element}</li>;
|
|
};
|
|
|
|
export default class Breadcrumb extends Component {
|
|
render() {
|
|
const { elements } = this.props;
|
|
return <ol className={style.breadcrumb}>{elements.map(renderItem)}</ol>;
|
|
}
|
|
}
|