Feature/26 repository card url

src/client/bindings.ts

@@ -1,4 +1,4 @@
-import {CurrencyType, CurrencyType1, CurrencyType3, EntityType} from "./models";
+import {CurrencyType, CurrencyType1, CurrencyType3, EntityType, User} from "./models";
 
 export class ProjectModel {
     guid?: string;
@@ -156,3 +156,12 @@ export interface WithdrawalRequest {
     paid?: boolean;
     created_at?: string;
 }
+
+export interface Repository {
+    guid?: string;
+    creator?: User;
+    title?: string;
+    repo_url?: string;
+    origin_id?: string;
+    created_at?: string;
+}

src/components/external/repo/card/RepoCard.tsx

@@ -0,0 +1,49 @@
+import React from "react";
+import {ProjectModel} from "../../../../client/bindings";
+import {Button, Card, Icon, Row} from "antd";
+import {handleApiError} from "../../../../classes/notification/errorHandler/errorHandler";
+
+interface IProps {
+    project: ProjectModel,
+}
+
+interface IState {
+    isLoaded: boolean,
+    repository_url: string
+}
+
+class RepoCard extends React.Component<IProps, IState> {
+    constructor(props: IProps) {
+        super(props);
+        this.state = {
+            isLoaded: false,
+            repository_url: "#"
+        }
+    }
+
+    componentDidMount(): void {
+        window.App.apiClient.getRepo(this.props.project.repository_guid!)
+            .then((res) => {
+                let json = JSON.parse(res._response.bodyAsText);
+                console.log(json.data.repository);
+                this.setState({
+                    isLoaded: true,
+                    repository_url: json.data.repository.repo_url
+                });
+            })
+            .catch((error) => handleApiError(error.response));
+    }
+
+    render() {
+        return <Card>
+            <h3 className={"ant-typography"}><Icon type={"github"}/> Repository</h3>
+            <Row>
+                <a target="_blank" rel="noopener noreferrer" href={this.state.repository_url}>
+                    <Button type={"default"}>View on GitHub</Button>
+                </a>
+            </Row>
+        </Card>
+    }
+}
+
+export default RepoCard;

src/layouts/entity/project/view/ProjectPage.tsx

@@ -7,6 +7,7 @@ import BoardCard from "../../../../components/entity/board/single/card/BoardCart
 import PermissionCheckLink from "../../../../components/link/withChecks/PermissionCheckLink";
 import AuthCheck from "../../../../components/check/auth_check/AuthCheck";
 import AddToLibrary from "../../../../components/entity/my_library/single/action/AddToLibrary";
+import RepoCard from "../../../../components/external/repo/card/RepoCard";
 
 interface IProps {
     match: {
@@ -113,15 +114,7 @@ class ProjectPage extends React.Component<IProps, IState> {
                     </div>
                 </Col>
                 <Col md={12} xs={24} className="margin-sm-top">
-                    {/* TODO: extract into repository card */}
-                    <Card>
-                        <h3 className={"ant-typography"}><Icon type={"github"}/> Repository</h3>
-                        <Row>
-                            <a target="_blank" rel="noopener noreferrer" href={`https://github.com/${project.base_uri}`}>
-                                <Button type={"default"}>View on GitHub</Button>
-                            </a>
-                        </Row>
-                    </Card>
+                    <RepoCard project={project}/>
                 </Col>
             </Row>
 

src/layouts/repos/external/default/ExternalRepoLayout.tsx

@@ -2,7 +2,7 @@ import React from "react";
 import FullPageWithSideBar from "../../../../components/layout/simple/fullpagewithsidebar/FullPageWithSidebar";
 import {Col, Icon, notification, Row} from "antd";
 import {handleApiError} from "../../../../classes/notification/errorHandler/errorHandler";
-import ExternalRepoCard from "../../../../components/external/repo/card/ExternalRepoCard";
+import ExternalRepoCard from "../../../../components/external/external_repo/card/ExternalRepoCard";
 
 interface IProps {
     match: {