docs(page-repo): add base docs

#15

Author: azinit

src/features/repo-details/index.tsx

@@ -9,16 +9,25 @@ import "./index.scss";
 // !!! FIXME: decompose
 
 type Props = {
+    /** repo identity */
     repo: RepoIdentity;
 };
 
+// FIXME: move to models
 type Collaborator = {
+    /** id */
     id: string;
+    /** Имя пользователя */
     name: string;
+    /** Логин пользователя */
     login: string;
+    /** Аватар */
     avatarUrl: string;
 };
 
+/**
+ * @feature Информация по репозиторию
+ */
 const RepoDetails = ({ repo: identity }: Props) => {
     const { data, loading } = useRepoDetailsQuery({
         variables: {

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

@@ -16,6 +16,9 @@ type Props = {
     lastCommit?: GitCommit;
 };
 
+/**
+ * Файлы репозитория
+ */
 const EntriesView = ({ loading, files, lastCommit, className, repo }: Props) => {
     const { branch } = useBranch(repo);
     return (

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

@@ -7,9 +7,13 @@ import RepoReadme from "./readme";
 import { useBranch, useRepoDetails } from "./hooks";
 
 type Props = {
+    /** repo identity */
     repo: RepoIdentity;
 };
 
+/**
+ * @feature FileExplorer репозитория
+ */
 const Explorer = ({ repo }: Props) => {
     const { branch } = useBranch(repo);
     const { loading, data } = useRepoBranchInfoQuery({

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

@@ -11,6 +11,9 @@ type Props = {
     activeBranch: string;
 };
 
+/**
+ * Тулбар репозитория
+ */
 const RepoToolbar = ({ repo, branches, activeBranch }: Props) => {
     const [isBranchDropdownVisible, setBranchDropdownVisible] = useState(false);
     return (

src/features/repo-stat/index.tsx

@@ -8,6 +8,7 @@ import "./index.scss";
 // NOTE: Я просто хотел отобразить статистику без нагромождений...
 
 type Props = {
+    /** repo identity */
     repo: RepoIdentity;
 };
 

src/pages/repository/index.tsx

@@ -16,10 +16,14 @@ type Props = RouteComponentProps<{
     branch?: string;
 }>;
 
+/** Стили */
 const COL_MAIN = 17;
 const COL_SIDEBAR = 6;
 const ROW_GUTTER = [24, 16] as [number, number];
 
+/**
+ * @page Страница репозитория
+ */
 const RepositoryPage = (props: Props) => {
     const { username, repository, branch } = props.match.params;
     const identity: RepoIdentity = {