Misc improvements (#69)

README.md

@@ -2,7 +2,7 @@
 
 This is what we use to run ICT Union.
 
-Overall system is a collection of sub systems (components) used to manage
+System is a collection of sub systems (components) used to manage
 and run the system of the union organization.
 
 This helps us to have much finer grain control over permissions.
@@ -17,9 +17,9 @@ Every sub-system has its own documentation within README.md file!
 
 | name                             | status                                                                | role                                     |
 |----------------------------------|-----------------------------------------------------------------------|------------------------------------------|
-| [Gray Whale](gray-whale)         | ![status](actions/workflows/gray-whale.yaml/badge.svg?branch=main)    | Database migrations and management       |
-| [Orca](orca)                     | ![status](actions/workflows/orca.yaml/badge.svg?branch=main)          | Registration and members management      |
-| [Member's Panel](memebers-panel) | ![status](actions/workflows/members-panel.yaml/badge.svg?branch=main) | Entry dashboard for organization members |
+| [Gray Whale](gray-whale)         | ![status](/ictunion/main-system/actions/workflows/gray-whale.yaml/badge.svg?branch=main)    | Database migrations and management       |
+| [Orca](orca)                     | ![status](/ictunion/main-system/actions/workflows/orca.yaml/badge.svg?branch=main)          | Registration and members management      |
+| [Member's Panel](members-panel) | ![status](/ictunion/main-system/actions/workflows/members-panel.yaml/badge.svg?branch=main) | Entry dashboard for organization members |
 
 ## Goals
 

members-panel/README.md

@@ -2,7 +2,7 @@
 
 **Work In Progress!**
 
-Access entry dashboard for organization members
+Access entry dashboard for organization members.
 
 ## Setup
 
@@ -12,9 +12,7 @@ First define configuration starting from example file:
 cp config.example.json example.json
 ```
 
-Configuration is compile-time. It's used to produce static file where all the configuration options
-are inlined. This means that configuration file is used to configure buid
-prior to invoking compiler.
+Configuration happens in compile-time. All compilation options are inlined into artifacts during compilation.
 
 Start development server:
 

members-panel/src/App.tsx

@@ -15,15 +15,19 @@ interface AppState {
     userInfo: UserInfo;
 }
 
-export default class App extends React.Component<Keycloak, AppState> {
-    constructor(props: Keycloak) {
+interface Props {
+    keycloak: Keycloak;
+}
+
+export default class App extends React.Component<Props, AppState> {
+    constructor(props: Props) {
         super(props);
 
         this.state = {
             userInfo: null
         };
 
-        props.loadUserInfo().then((userInfo: UserInfo) => {
+        props.keycloak.loadUserInfo().then((userInfo: UserInfo) => {
             this.setState((state) => {
                 return {
                     ...state, userInfo: userInfo
@@ -33,7 +37,7 @@ export default class App extends React.Component<Keycloak, AppState> {
     }
 
     logout() {
-        this.props.logout();
+        this.props.keycloak.logout();
     }
 
     render() {

members-panel/src/index.ts

@@ -5,8 +5,7 @@ import initKeycloak from './keycloak';
 import App from './App';
 
 window.addEventListener("load", () => {
-    initKeycloak().then(k => {
-        console.log(k.hasRealmRole('registration-procession'));
-        ReactDOM.render(React.createElement(App, k), document.getElementById('app'));
+    initKeycloak().then(keycloak => {
+        ReactDOM.render(React.createElement(App, { keycloak }), document.getElementById('app'));
     });
 });

members-panel/test.nix

@@ -1,9 +1,5 @@
 with (import <nixpkgs> {});
 callPackage ./. {
   nodejs = nodejs-18_x;
-  config = {
-    keycloak_url = "https://keycloak.ictunion.cz";
-    keycloak_realm = "members";
-    keycloak_client_id = "test-client";
-  };
+  config = builtins.fromJSON (builtins.readFile ./config.example.json);
 }