mirror of
https://github.com/scm-manager/scm-manager.git
synced 2025-11-09 06:55:47 +01:00
89548d45bd
Add search for files to the sources view. The search is only for finding file paths. It does not search any file metadata nor the content. Results get a rating, where file names are rated higher than file paths. The results are sorted by the score and the first 50 results are displayed. Co-authored-by: Eduard Heimbuch <eduard.heimbuch@cloudogu.com>
83 lines
2.6 KiB
TypeScript
83 lines
2.6 KiB
TypeScript
/*
|
|
* MIT License
|
|
*
|
|
* Copyright (c) 2020-present Cloudogu GmbH and Contributors
|
|
*
|
|
* Permission is hereby granted, free of charge, to any person obtaining a copy
|
|
* of this software and associated documentation files (the "Software"), to deal
|
|
* in the Software without restriction, including without limitation the rights
|
|
* to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
|
* copies of the Software, and to permit persons to whom the Software is
|
|
* furnished to do so, subject to the following conditions:
|
|
*
|
|
* The above copyright notice and this permission notice shall be included in all
|
|
* copies or substantial portions of the Software.
|
|
*
|
|
* THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
* IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
|
* FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
|
* AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
|
* LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
|
* OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
|
* SOFTWARE.
|
|
*/
|
|
import React, { FC } from "react";
|
|
import styled from "styled-components";
|
|
import { useLocation } from "react-router-dom";
|
|
import { Level, BranchSelector } from "@scm-manager/ui-components";
|
|
import CodeViewSwitcher, { SwitchViewLink } from "./CodeViewSwitcher";
|
|
import { useTranslation } from "react-i18next";
|
|
import { Branch } from "@scm-manager/ui-types";
|
|
|
|
const ActionBar = styled.div`
|
|
background-color: whitesmoke;
|
|
border: 1px solid #dbdbdb;
|
|
border-radius: 4px;
|
|
color: #363636;
|
|
font-size: 1.25em;
|
|
font-weight: 300;
|
|
line-height: 1.25;
|
|
padding: 0.5em 0.75em;
|
|
margin-bottom: 1em;
|
|
`;
|
|
|
|
const FlexShrinkLevel = styled(Level)`
|
|
.level-left {
|
|
flex-shrink: 1;
|
|
margin-right: 0.75rem;
|
|
}
|
|
`;
|
|
|
|
type Props = {
|
|
selectedBranch?: string;
|
|
branches?: Branch[];
|
|
onSelectBranch: () => void;
|
|
switchViewLink: SwitchViewLink;
|
|
};
|
|
|
|
const CodeActionBar: FC<Props> = ({ selectedBranch, branches, onSelectBranch, switchViewLink }) => {
|
|
const { t } = useTranslation("repos");
|
|
const location = useLocation();
|
|
|
|
return (
|
|
<ActionBar>
|
|
<FlexShrinkLevel
|
|
left={
|
|
branches &&
|
|
branches?.length > 0 && (
|
|
<BranchSelector
|
|
label={t("code.branchSelector")}
|
|
branches={branches}
|
|
selectedBranch={selectedBranch}
|
|
onSelectBranch={onSelectBranch}
|
|
/>
|
|
)
|
|
}
|
|
right={<CodeViewSwitcher currentUrl={location.pathname} switchViewLink={switchViewLink} />}
|
|
/>
|
|
</ActionBar>
|
|
);
|
|
};
|
|
|
|
export default CodeActionBar;
|