Merge pull request #167 from ani-team/fix/component_defs

Объявление компонентов в одном виде

Author: azinit

src/app/error-handling/error-catcher.tsx

@@ -33,7 +33,7 @@ type Props = PropsWithChildren<{
     handler: (props: { error: AppError }) => ReactNode;
 }>;
 
-export default function ErrorCatcher({ handler, children }: Props) {
+const ErrorCatcher = ({ handler, children }: Props) => {
     const apolloClient = useApolloClient();
     const location = useLocation();
     const [error, setError] = useState<AppError | null>(null);
@@ -52,4 +52,6 @@ export default function ErrorCatcher({ handler, children }: Props) {
         return <>{handler({ error })}</>;
     }
     return <>{children}</>;
-}
+};
+
+export default ErrorCatcher;

src/features/repo-details/details-card/index.tsx

@@ -4,13 +4,13 @@ import "./index.scss";
 
 type Props = PropsWithChildren<{ title: string; className?: string; primary?: boolean }>;
 
-function DetailsCard({ title, className, primary, children }: Props) {
+const DetailsCard = ({ title, className, primary, children }: Props) => {
     return (
         <div className={cn("details-card", { primary }, className)}>
             <h3>{title}</h3>
             {children}
         </div>
     );
-}
+};
 
 export default DetailsCard;

src/features/repo-details/index.tsx

@@ -19,7 +19,7 @@ type Collaborator = {
     avatarUrl: string;
 };
 
-function RepoDetails({ repo: identity }: Props) {
+const RepoDetails = ({ repo: identity }: Props) => {
     const { data, loading } = useRepoDetailsQuery({
         variables: {
             name: identity.name,
@@ -88,6 +88,6 @@ function RepoDetails({ repo: identity }: Props) {
             />
         </div>
     );
-}
+};
 
 export default RepoDetails;

src/features/repo-explorer/components/branches-menu/index.tsx

@@ -9,7 +9,7 @@ type Props = {
     branches?: Array<{ name: string; prefix: string }>;
 };
 
-function BranchesMenu({ repo, branches }: Props) {
+const BranchesMenu = ({ repo, branches }: Props) => {
     return (
         <Menu className="branches-menu" onClick={() => {}}>
             {branches?.map((branch, index) => (
@@ -21,6 +21,6 @@ function BranchesMenu({ repo, branches }: Props) {
             ))}
         </Menu>
     );
-}
+};
 
 export default BranchesMenu;

src/features/repo-explorer/components/entries-view/index.tsx

@@ -25,7 +25,7 @@ type Props = {
     };
 };
 
-function EntriesView({ loading, files, lastCommit, className }: Props) {
+const EntriesView = ({ loading, files, lastCommit, className }: Props) => {
     return (
         <div className={cn("repo-git-view", className)}>
             {loading && <SkeletonArea />}
@@ -38,7 +38,7 @@ function EntriesView({ loading, files, lastCommit, className }: Props) {
             )}
         </div>
     );
-}
+};
 
 const GitFileView = ({ name, type }: GitFile) => (
     <List.Item className="repo-git-view__item">

src/features/repo-explorer/components/index.tsx

@@ -59,7 +59,7 @@ const useRepoDetails = (repoInfo: RepoBranchInfoQuery | undefined) => {
     };
 };
 
-function Explorer({ repo }: Props) {
+const Explorer = ({ repo }: Props) => {
     const { branch } = useBranch(repo);
     const { loading, data } = useRepoBranchInfoQuery({
         variables: {
@@ -81,6 +81,6 @@ function Explorer({ repo }: Props) {
             <RepoReadme text={readme} loading={loading} />
         </div>
     );
-}
+};
 
 export default Explorer;

src/features/repo-explorer/components/toolbar/clone-menu.tsx

@@ -4,7 +4,7 @@ import { Button, Input, Tooltip } from "antd";
 
 type Props = { url: string };
 
-export default function CloneMenu({ url }: Props) {
+const CloneMenu = ({ url }: Props) => {
     const cloneField = useRef<Input>(null);
     const [isUrlCopied, setUrlCopied] = useState<boolean | null>(null);
     useEffect(() => {
@@ -45,4 +45,6 @@ export default function CloneMenu({ url }: Props) {
             />
         </div>
     );
-}
+};
+
+export default CloneMenu;

src/features/repo-explorer/components/toolbar/index.tsx

@@ -11,7 +11,7 @@ type Props = {
     activeBranch: string;
 };
 
-function RepoToolbar({ repo, branches, activeBranch }: Props) {
+const RepoToolbar = ({ repo, branches, activeBranch }: Props) => {
     return (
         <div className="flex justify-between">
             <Dropdown
@@ -32,6 +32,6 @@ function RepoToolbar({ repo, branches, activeBranch }: Props) {
             </Popover>
         </div>
     );
-}
+};
 
 export default RepoToolbar;

src/pages/error/index.tsx

@@ -7,7 +7,7 @@ import { AppError } from "models";
 
 type Props = { error: AppError };
 
-export default function ErrorPage({ error }: Props) {
+const ErrorPage = ({ error }: Props) => {
     const { logout } = Auth.useAuth();
 
     const action =
@@ -29,4 +29,6 @@ export default function ErrorPage({ error }: Props) {
             action={action}
         />
     );
-}
+};
+
+export default ErrorPage;