├── .env ├── github.gif ├── home.png ├── promo └── gitix.png ├── public ├── favicon.ico ├── images │ ├── git.png │ ├── user.png │ ├── github.png │ ├── gitix.png │ ├── gitlab.png │ ├── bitbucket.png │ ├── githuman.png │ ├── menu.svg │ ├── github.svg │ ├── git.svg │ ├── octocat.svg │ ├── bitbucket.svg │ └── gitlab.svg ├── favicon-16x16.png ├── favicon-32x32.png ├── mstile-150x150.png ├── apple-touch-icon.png ├── android-chrome-192x192.png ├── android-chrome-512x512.png ├── _headers ├── manifest.json ├── safari-pinned-tab.svg └── index.html ├── promotion └── icons │ └── ic_launcher_gitix_512.png ├── .github └── FUNDING.yml ├── src ├── components │ ├── constants.js │ ├── Followers.css │ ├── models.js │ ├── LoginView.js │ ├── LoadingChecker.js │ ├── ProfileDetails.js │ ├── Contributions.js │ ├── Avatar.js │ ├── ProfileMenu.js │ ├── Overview.js │ ├── CreateRepo.js │ ├── LoadingIndicator.js │ ├── PullRequests.js │ ├── Issues.js │ ├── UserMenu.js │ ├── Footer.js │ ├── RepoCard.js │ ├── Following.js │ ├── Profile.js │ ├── Stars.js │ ├── AddRepositories.js │ ├── App-Container.js │ ├── Repositories.js │ ├── LoginScreen.js │ ├── Followers.js │ ├── Nav.js │ └── User.js ├── index.js ├── index.css ├── App.js ├── lib │ └── blockstack.js └── images │ └── octocat.svg ├── babel-server.config.js ├── .gitignore ├── server └── index.js ├── README.md ├── LICENSE └── package.json /.env: -------------------------------------------------------------------------------- 1 | REACT_APP_VERSION=$npm_package_version 2 | -------------------------------------------------------------------------------- /github.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/openintents/gitix/HEAD/github.gif -------------------------------------------------------------------------------- /home.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/openintents/gitix/HEAD/home.png -------------------------------------------------------------------------------- /promo/gitix.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/openintents/gitix/HEAD/promo/gitix.png -------------------------------------------------------------------------------- /public/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/openintents/gitix/HEAD/public/favicon.ico -------------------------------------------------------------------------------- /public/images/git.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/openintents/gitix/HEAD/public/images/git.png -------------------------------------------------------------------------------- /public/images/user.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/openintents/gitix/HEAD/public/images/user.png -------------------------------------------------------------------------------- /public/favicon-16x16.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/openintents/gitix/HEAD/public/favicon-16x16.png -------------------------------------------------------------------------------- /public/favicon-32x32.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/openintents/gitix/HEAD/public/favicon-32x32.png -------------------------------------------------------------------------------- /public/images/github.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/openintents/gitix/HEAD/public/images/github.png -------------------------------------------------------------------------------- /public/images/gitix.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/openintents/gitix/HEAD/public/images/gitix.png -------------------------------------------------------------------------------- /public/images/gitlab.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/openintents/gitix/HEAD/public/images/gitlab.png -------------------------------------------------------------------------------- /public/mstile-150x150.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/openintents/gitix/HEAD/public/mstile-150x150.png -------------------------------------------------------------------------------- /public/apple-touch-icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/openintents/gitix/HEAD/public/apple-touch-icon.png -------------------------------------------------------------------------------- /public/images/bitbucket.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/openintents/gitix/HEAD/public/images/bitbucket.png -------------------------------------------------------------------------------- /public/images/githuman.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/openintents/gitix/HEAD/public/images/githuman.png -------------------------------------------------------------------------------- /public/android-chrome-192x192.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/openintents/gitix/HEAD/public/android-chrome-192x192.png -------------------------------------------------------------------------------- /public/android-chrome-512x512.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/openintents/gitix/HEAD/public/android-chrome-512x512.png -------------------------------------------------------------------------------- /promotion/icons/ic_launcher_gitix_512.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/openintents/gitix/HEAD/promotion/icons/ic_launcher_gitix_512.png -------------------------------------------------------------------------------- /.github/FUNDING.yml: -------------------------------------------------------------------------------- 1 | # These are supported funding model platforms 2 | 3 | custom: ['https://opencollective.com/openintents/contribute'] 4 | -------------------------------------------------------------------------------- /src/components/constants.js: -------------------------------------------------------------------------------- 1 | 2 | export const RADIKS_SERVER_URL = process.env.GITIX_RADIKS_SERVER 3 | ? process.env.GITIX_RADIKS_SERVER 4 | : 'https://gitix.herokuapp.com' 5 | -------------------------------------------------------------------------------- /babel-server.config.js: -------------------------------------------------------------------------------- 1 | module.exports = { 2 | presets: [ 3 | "@babel/preset-react", 4 | "@babel/preset-env", 5 | ], 6 | plugins: [ 7 | "@babel/plugin-proposal-class-properties", 8 | ], 9 | }; 10 | -------------------------------------------------------------------------------- /src/components/Followers.css: -------------------------------------------------------------------------------- 1 | .share { 2 | vertical-align: top; 3 | display: inline-block; 4 | margin-right: 15px; 5 | text-align: center; 6 | } 7 | 8 | .share-button { 9 | cursor: pointer; 10 | } 11 | 12 | .share-button:hover:not(:active) { 13 | opacity: 0.75; 14 | } 15 | -------------------------------------------------------------------------------- /src/components/models.js: -------------------------------------------------------------------------------- 1 | import { Model } from "radiks"; 2 | 3 | export class Relation extends Model { 4 | static className = "Relation"; 5 | static validateUsername = true; 6 | static schema = { 7 | follower: { type: String, decrypted: true }, 8 | followee: { type: String, decrypted: true } 9 | }; 10 | } 11 | -------------------------------------------------------------------------------- /src/index.js: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | import ReactDOM from "react-dom"; 3 | import "./index.css"; 4 | import App from "./App"; 5 | import { HashRouter } from "react-router-dom"; 6 | 7 | ReactDOM.render( 8 | 9 | 10 | , 11 | document.getElementById("root") 12 | ); 13 | -------------------------------------------------------------------------------- /.gitignore: -------------------------------------------------------------------------------- 1 | # See https://help.github.com/ignore-files/ for more about ignoring files. 2 | 3 | # dependencies 4 | /node_modules 5 | 6 | # testing 7 | /coverage 8 | 9 | # production 10 | /build 11 | 12 | # misc 13 | .DS_Store 14 | .env.local 15 | .env.development.local 16 | .env.test.local 17 | .env.production.local 18 | 19 | npm-debug.log* 20 | yarn-debug.log* 21 | yarn-error.log* 22 | -------------------------------------------------------------------------------- /public/_headers: -------------------------------------------------------------------------------- 1 | /index.html 2 | Access-Control-Allow-Origin: * 3 | Access-Control-Allow-Headers: "X-Requested-With, Content-Type, Origin, Authorization, Accept, Client-Security-Token, Accept-Encoding" 4 | Access-Control-Allow-Methods: "POST, GET, OPTIONS, DELETE, PUT" 5 | /manifest.json 6 | Access-Control-Allow-Origin: * 7 | Access-Control-Allow-Headers: "X-Requested-With, Content-Type, Origin, Authorization, Accept, Client-Security-Token, Accept-Encoding" 8 | Access-Control-Allow-Methods: "POST, GET, OPTIONS, DELETE, PUT" -------------------------------------------------------------------------------- /public/manifest.json: -------------------------------------------------------------------------------- 1 | { 2 | "short_name": "Gitix", 3 | "name": "Gitix | Decentralized home of all git contributions", 4 | "icons": [ 5 | { 6 | "src": "https://app.gitix.org/favicon.ico", 7 | "sizes": "64x64 32x32 24x24 16x16", 8 | "type": "image/x-icon" 9 | } 10 | ], 11 | "start_url": "./index.html", 12 | "display": "standalone", 13 | "theme_color": "#000000", 14 | "background_color": "#ffffff", 15 | "did_authors": ["did:stack:v0:1E72AfQC47JaR3DRhwWVaRnguppAsKRCk4-0", "did:stack:v0:1Mk9gNKVdeLsodtbtUssVJmJMRHaEa2hGF-67"] 16 | } 17 | -------------------------------------------------------------------------------- /public/images/menu.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Codes 60-69 General Group: Rain. 6 | Code: 64 7 | Description: Rain, not freezing, intermittent (heavy at time of observation) 8 | 9 | 10 | 11 | 12 | 13 | -------------------------------------------------------------------------------- /src/components/LoginView.js: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | import styled from "styled-components"; 3 | import { BlockstackButton } from "react-blockstack-button"; 4 | import { useBlockstack } from "react-blockstack"; 5 | 6 | const LoginView = () => { 7 | const { signIn } = useBlockstack(); 8 | return ( 9 | 10 | 11 | 12 | ); 13 | }; 14 | 15 | const LoginContainer = styled.div` 16 | display: flex; 17 | justify-content: center; 18 | align-items: center; 19 | flex-direction: column; 20 | `; 21 | 22 | export default LoginView; 23 | -------------------------------------------------------------------------------- /src/components/LoadingChecker.js: -------------------------------------------------------------------------------- 1 | import React from "react" 2 | 3 | const STATUS = { 4 | INITIAL: "initial", 5 | LOADING: "loading", 6 | FINISHED_LOADING: "finished_loading", 7 | AUTHENTICATED: "authenticated" 8 | } 9 | 10 | class LoadingChecker extends React.Component { 11 | render() { 12 | return ( 13 |
14 | {this.props.status !== STATUS.AUTHENTICATED && ( 15 |
16 |
17 | )} 18 |
/> 19 |
20 |
21 | ) 22 | } 23 | } 24 | 25 | export default LoadingChecker 26 | -------------------------------------------------------------------------------- /server/index.js: -------------------------------------------------------------------------------- 1 | const express = require('express'); 2 | const cors = require('cors') 3 | const expressWS = require('express-ws'); 4 | const { setup } = require('radiks-server'); 5 | 6 | const app = express(); 7 | expressWS(app) 8 | 9 | app.use(cors()) 10 | 11 | var server = require('http').Server(app), 12 | 13 | port = process.env.PORT || 5000; 14 | server.listen(port); 15 | 16 | console.log("listening to port ", port); 17 | 18 | 19 | setup({ 20 | mongoDBUrl: process.env.MONGODB_URI || 'mongodb://localhost:27017/radiks-server' 21 | }).then((RadiksController) => { 22 | app.use('/radiks', RadiksController); 23 | app.use(express.static('public')) 24 | console.log("Radiks server live") 25 | }); 26 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # React-Github 💻👩‍💻💽👨‍💻 2 | 3 | This is `React-Github`, a React front end client that communicates with the Github GraphQL API. 4 | 5 | See it in action [here](http://pau1fitz.github.io/react-github). 6 | 7 | Before running the code **locally** you will need to deploy [Heroku Gatekeeper](https://github.com/prose/gatekeeper#deploy-on-heroku) with the appropriate Github client id and client secret. Then run the following: 8 | 9 | ``` 10 | yarn 11 | yarn start 12 | visit http://localhost:3000 13 | ``` 14 | 15 | ![alt text](https://github.com/Pau1fitz/react-github/blob/master/github.gif "Home") 16 | 17 | ### License 18 | 19 | Released under the MIT License. Check [LICENSE.md](https://github.com/Pau1fitz/react-github/blob/master/LICENSE) for more info. 20 | -------------------------------------------------------------------------------- /public/images/github.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /LICENSE: -------------------------------------------------------------------------------- 1 | MIT License 2 | 3 | Copyright (c) 2018 Paul Fitzgerald 4 | 5 | Permission is hereby granted, free of charge, to any person obtaining a copy 6 | of this software and associated documentation files (the "Software"), to deal 7 | in the Software without restriction, including without limitation the rights 8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell 9 | copies of the Software, and to permit persons to whom the Software is 10 | furnished to do so, subject to the following conditions: 11 | 12 | The above copyright notice and this permission notice shall be included in all 13 | copies or substantial portions of the Software. 14 | 15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR 16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE 18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, 20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE 21 | SOFTWARE. 22 | -------------------------------------------------------------------------------- /src/components/ProfileDetails.js: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | import styled from 'styled-components' 3 | 4 | const ProfileDetails = ({ avatarUrl, userFullName, username, company, location }) => ( 5 | 6 | 7 | { userFullName } 8 | { username } 9 | { company } 10 | { location } 11 | 12 | ) 13 | 14 | 15 | const ProfileSection = styled.section` 16 | padding-right: 16px; 17 | ` 18 | 19 | const UsersFullName = styled.p` 20 | font-weight: 600; 21 | font-size: 26px; 22 | line-height: 30px; 23 | ` 24 | 25 | const UsersName = styled.p` 26 | font-size: 20px; 27 | font-style: normal; 28 | font-weight: 300; 29 | line-height: 24px; 30 | color: #666; 31 | ` 32 | 33 | const ProfilePic = styled.img` 34 | border-radius: 6px; 35 | height: 230px; 36 | width: 230px; 37 | ` 38 | 39 | const Organisation = styled.p` 40 | font-weight: 600; 41 | font-size: 14px; 42 | ` 43 | 44 | const Location = styled.p` 45 | font-size: 14px; 46 | ` 47 | 48 | export default ProfileDetails 49 | -------------------------------------------------------------------------------- /public/images/git.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 6 | 7 | 14 | 15 | 16 | -------------------------------------------------------------------------------- /src/components/Contributions.js: -------------------------------------------------------------------------------- 1 | import React from 'react'; 2 | import styled from 'styled-components' 3 | 4 | const Contributions = () => { 5 | const [repositories, setRepositories] = useState([]) 6 | const repos = repositories ? repositories.map(repo => ( 7 | 8 | { repo.name } 9 | { repo.description } 10 | { repo.languages[0].name } { repo.stargazers.totalCount } { repo.forkCount } 11 | 12 | ) 13 | ) : [] 14 | 15 | return ( 16 | 17 | { repos } 18 | 19 | ) 20 | } 21 | 22 | const RepoContainer = styled.div` 23 | display: flex; 24 | flex-wrap: wrap; 25 | justify-content: space-between; 26 | ` 27 | 28 | const RepoCard = styled.div` 29 | border: 1px #d1d5da solid; 30 | padding: 16px; 31 | width: 362px; 32 | margin-bottom: 16px; 33 | ` 34 | 35 | const RepoDescription = styled.p` 36 | font-size: 12px; 37 | color: #586069; 38 | ` 39 | 40 | const RepoLink = styled.a` 41 | font-weight: 600; 42 | font-size: 14px; 43 | color: #0366d6; 44 | ` 45 | 46 | const RepoDetails = styled.span` 47 | color: #586069; 48 | font-size: 12px; 49 | ` 50 | 51 | const Icon = styled.i` 52 | margin-left: 16px; 53 | ` 54 | 55 | export default Contributions 56 | -------------------------------------------------------------------------------- /package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "gitix", 3 | "version": "0.3.0", 4 | "homepage": "/", 5 | "dependencies": { 6 | "@babel/node": "^7.7.4", 7 | "@babel/plugin-proposal-class-properties": "^7.7.4", 8 | "@babel/preset-env": "^7.7.4", 9 | "@babel/preset-react": "^7.7.4", 10 | "@material-ui/core": "^4.5.2", 11 | "@material-ui/icons": "^4.5.1", 12 | "blockstack": "^20.0.0-alpha.5", 13 | "blockstack-collections": "0.1.8", 14 | "cors": "^2.8.5", 15 | "express-ws": "^4.0.0", 16 | "github-calendar": "^1.3.2", 17 | "gitstar-components": "^1.0.5", 18 | "lodash": "^4.17.15", 19 | "moment": "^2.21.0", 20 | "radiks": "^0.3.0-beta.1", 21 | "radiks-server": "^0.3.0-beta.1", 22 | "react": "^16.11.0", 23 | "react-blockstack": "^0.6.3", 24 | "react-blockstack-button": "^0.1.0", 25 | "react-dom": "^16.11.0", 26 | "react-helmet": "^5.2.1", 27 | "react-router": "^5.1.2", 28 | "react-router-dom": "^5.1.2", 29 | "react-scripts": "3.2.0", 30 | "react-share": "^3.0.1", 31 | "styled-components": "^4.4.1" 32 | }, 33 | "scripts": { 34 | "babel-node": "babel-node --config-file ./babel-server.config.js", 35 | "start-web": "react-scripts start", 36 | "build": "react-scripts build", 37 | "test": "react-scripts test --env=jsdom", 38 | "eject": "react-scripts eject", 39 | "start": "NODE_ENV=production yarn babel-node server" 40 | }, 41 | "browserslist": [ 42 | ">0.2%", 43 | "not dead", 44 | "not ie <= 11", 45 | "not op_mini all" 46 | ] 47 | } 48 | -------------------------------------------------------------------------------- /src/components/Avatar.js: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | import styled from "styled-components"; 3 | import { isUserSignedIn, loadUserData } from "blockstack"; 4 | 5 | class UserAvatar extends React.Component { 6 | state = { loading: true, error: null, data: null }; 7 | 8 | componentDidMount() { 9 | if (isUserSignedIn()) { 10 | const user = loadUserData(); 11 | const avatarUrl = 12 | (user.profile && 13 | user.profile.image && 14 | user.profile.image.length > 0 && 15 | user.profile.image[0].contentUrl) || 16 | "/images/user.png"; 17 | this.setState({ 18 | loading: false, 19 | error: null, 20 | data: { 21 | viewer: { 22 | avatarUrl 23 | } 24 | } 25 | }); 26 | } 27 | } 28 | 29 | render() { 30 | const { loading, error, data } = this.state; 31 | const { onClick } = this.props; 32 | if (loading) return
Loading...
; 33 | if (error) return
Error :(
; 34 | 35 | if (data.viewer && data.viewer.avatarUrl) { 36 | return ; 37 | } else { 38 | return ; 39 | } 40 | } 41 | } 42 | 43 | const ProfilePic = styled.img` 44 | border-radius: 3px; 45 | height: 20px; 46 | width: 20px; 47 | cursor: pointer; 48 | margin-right: 4px; 49 | margin-top: 8px; 50 | `; 51 | 52 | const Placeholder = styled.img` 53 | border-radius: 3px; 54 | height: 20px; 55 | width: 20px; 56 | cursor: pointer; 57 | margin-right: 4px; 58 | margin-top: 8px; 59 | background: #888; 60 | `; 61 | 62 | export default UserAvatar; 63 | -------------------------------------------------------------------------------- /src/index.css: -------------------------------------------------------------------------------- 1 | /* http://meyerweb.com/eric/tools/css/reset/ 2 | v2.0 | 20110126 3 | License: none (public domain) 4 | */ 5 | 6 | html, body, div, span, applet, object, iframe, 7 | h1, h2, h3, h4, h5, h6, p, blockquote, pre, 8 | a, abbr, acronym, address, big, cite, code, 9 | del, dfn, em, img, ins, kbd, q, s, samp, 10 | small, strike, strong, sub, sup, tt, var, 11 | b, u, i, center, 12 | dl, dt, dd, ol, ul, li, 13 | fieldset, form, label, legend, 14 | table, caption, tbody, tfoot, thead, tr, th, td, 15 | article, aside, canvas, details, embed, 16 | figure, figcaption, footer, header, hgroup, 17 | menu, nav, output, ruby, section, summary, 18 | time, mark, audio, video { 19 | margin: 0; 20 | padding: 0; 21 | border: 0; 22 | font-size: 100%; 23 | font: inherit; 24 | vertical-align: baseline; 25 | } 26 | /* HTML5 display-role reset for older browsers */ 27 | article, aside, details, figcaption, figure, 28 | footer, header, hgroup, menu, nav, section { 29 | display: block; 30 | } 31 | body { 32 | line-height: 1; 33 | } 34 | ol, ul { 35 | list-style: none; 36 | } 37 | blockquote, q { 38 | quotes: none; 39 | } 40 | blockquote:before, blockquote:after, 41 | q:before, q:after { 42 | content: ''; 43 | content: none; 44 | } 45 | table { 46 | border-collapse: collapse; 47 | border-spacing: 0; 48 | } 49 | 50 | * { 51 | box-sizing: border-box; 52 | } 53 | 54 | body { 55 | font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol"; 56 | color: #24292e; 57 | line-height: 1.5; 58 | background-color: #fff; 59 | } 60 | 61 | a { 62 | text-decoration: none; 63 | } 64 | 65 | .float-left.text-gray, 66 | .contrib-column { 67 | display: none; 68 | } 69 | 70 | .calendar h2 { 71 | position: absolute; 72 | top: -30px; 73 | color: #24292e; 74 | } 75 | 76 | .calendar { 77 | min-height: 100px; 78 | width: 100%; 79 | margin: 30px 0 0 0; 80 | border: none; 81 | } 82 | 83 | .calendar-graph { 84 | padding: 15px 0 0; 85 | } 86 | -------------------------------------------------------------------------------- /public/images/octocat.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /src/App.js: -------------------------------------------------------------------------------- 1 | import React, { useEffect, useState } from "react"; 2 | import AppContainer from "./components/App-Container"; 3 | import { withRouter } from "react-router-dom"; 4 | import { useBlockstack } from "react-blockstack"; 5 | import { Helmet } from "react-helmet"; 6 | import { configure, User } from "radiks"; 7 | import { RADIKS_SERVER_URL } from "./components/constants"; 8 | import Footer from "./components/Footer"; 9 | 10 | const NotSignedIn = { 11 | checking: false, 12 | user: null, 13 | isSignedIn: false 14 | }; 15 | 16 | const App = () => { 17 | const [ , setSignIn] = useState({ ...NotSignedIn, checking: true }); 18 | const { userData, userSession } = useBlockstack(); 19 | useEffect(() => { 20 | configure({ 21 | apiServer: RADIKS_SERVER_URL, 22 | userSession 23 | }); 24 | }, [userSession]); 25 | 26 | useEffect(() => { 27 | if (userData) { 28 | console.log("user configured") 29 | User.createWithCurrentUser().then(() => { 30 | setSignIn({ checking: false, user: userData, isSignedIn: true }); 31 | }); 32 | } else { 33 | setSignIn(NotSignedIn); 34 | } 35 | }, [userData]); 36 | 37 | const title = "gitix.org"; 38 | const metaDescription = "Decentralized git profiles"; 39 | const img = "https://app.gitix.org/favicon.ico"; 40 | return ( 41 | <> 42 | 43 | {title} 44 | 45 | 46 | 47 | 48 | 49 | 50 | 51 | 52 | 53 | 54 | 55 | 56 |