planetary-social · boreq · Oct 24, 2023 · Oct 23, 2023 · Oct 23, 2023 · Oct 23, 2023
diff --git a/cmd/crossposting-service/di/inject_adapters.go b/cmd/crossposting-service/di/inject_adapters.go
@@ -72,8 +72,11 @@ var adaptersSet = wire.NewSet(
 	wire.Bind(new(app.RelayEventDownloader), new(*adapters.RelayEventDownloader)),
 
 	twitter.NewTwitter,
-	twitter.NewNoopTwitter,
+	twitter.NewDevelopmentTwitter,
 	selectTwitterAdapterDependingOnConfig,
+
+	adapters.NewTwitterAccountDetailsCache,
+	wire.Bind(new(app.TwitterAccountDetailsCache), new(*adapters.TwitterAccountDetailsCache)),
 )
 
 func newAdaptersFactoryFn(deps buildTransactionSqliteAdaptersDependencies) sqlite.AdaptersFactoryFn {
@@ -103,11 +106,11 @@ func newSqliteDB(conf config.Config, logger logging.Logger) (*sql.DB, func(), er
 
 func selectTwitterAdapterDependingOnConfig(
 	conf config.Config,
-	realAdapter *twitter.Twitter,
-	noopAdapter *twitter.NoopTwitter,
+	productionAdapter *twitter.Twitter,
+	developmentAdapter *twitter.DevelopmentTwitter,
 ) app.Twitter {
 	if conf.Environment() == config.EnvironmentDevelopment {
-		return noopAdapter
+		return developmentAdapter
 	}
-	return realAdapter
+	return productionAdapter
 }
diff --git a/cmd/crossposting-service/di/inject_application.go b/cmd/crossposting-service/di/inject_application.go
@@ -20,4 +20,7 @@ var applicationSet = wire.NewSet(
 	app.NewGetAccountPublicKeysHandler,
 	app.NewLoginOrRegisterHandler,
 	app.NewLinkPublicKeyHandler,
+	app.NewGetTwitterAccountDetailsHandler,
+	app.NewLogoutHandler,
+	app.NewUnlinkPublicKeyHandler,
 )
diff --git a/cmd/crossposting-service/di/wire_gen.go b/cmd/crossposting-service/di/wire_gen.go
diff --git a/frontend/nos-crossposting-service-frontend/package.json b/frontend/nos-crossposting-service-frontend/package.json
@@ -12,6 +12,7 @@
     "core-js": "^3.8.3",
     "vue": "^3.2.13",
     "vue-class-component": "^8.0.0-0",
+    "vue-property-decorator": "^9.1.2",
     "vue-router": "^4.0.3",
     "vuex": "^4.0.0"
   },

diff --git a/frontend/nos-crossposting-service-frontend/public/favicon.ico b/frontend/nos-crossposting-service-frontend/public/favicon.ico
diff --git a/frontend/nos-crossposting-service-frontend/public/index.html b/frontend/nos-crossposting-service-frontend/public/index.html
@@ -5,7 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
     <meta name="viewport" content="width=device-width,initial-scale=1.0">
     <link rel="icon" href="<%= BASE_URL %>favicon.ico">
-    <title><%= htmlWebpackPlugin.options.title %></title>
+    <title>X Connect</title>
   </head>
   <body>
     <noscript>

diff --git a/frontend/nos-crossposting-service-frontend/src/App.vue b/frontend/nos-crossposting-service-frontend/src/App.vue
@@ -1,29 +1,84 @@
 <template>
-  <h1>
-    Nos crossposting service
-    {{ user }}
-  </h1>
-  <router-view/>
+  <div class="wrapper">
+    <Header></Header>
+    <div class="content">
+      <Notifications></Notifications>
+      <router-view/>
+    </div>
+  </div>
 </template>
 
 <style lang="scss">
-#app {
-  font-family: Avenir, Helvetica, Arial, sans-serif;
+@font-face {
+  font-family: 'Clarity City';
+  font-style: normal;
+  font-weight: 400;
+  font-display: swap;
+  src: url("./assets/fonts/claritycity/ClarityCity-Regular.otf") format('opentype');
+}
+
+@font-face {
+  font-family: 'Clarity City';
+  font-style: normal;
+  font-weight: 500;
+  font-display: swap;
+  src: url("./assets/fonts/claritycity/ClarityCity-Medium.otf") format('opentype');
+}
+
+@font-face {
+  font-family: 'Clarity City';
+  font-style: normal;
+  font-weight: 600;
+  font-display: swap;
+  src: url("./assets/fonts/claritycity/ClarityCity-SemiBold.otf") format('opentype');
+}
+
+@font-face {
+  font-family: 'Clarity City';
+  font-style: normal;
+  font-weight: 700;
+  font-display: swap;
+  src: url("./assets/fonts/claritycity/ClarityCity-Bold.otf") format('opentype');
+}
+
+html, body {
+  padding: 0;
+  margin: 0;
+  color: #fff;
+  min-height: 100vh;
+
+  font-family: 'Clarity City', sans-serif;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
-  text-align: center;
-  color: #2c3e50;
 }
 
-nav {
-  padding: 30px;
+html {
+  background: linear-gradient(#160f24, #281945);
+}
+
+body {
+  background-image: url("./assets/background.svg");
+  background-position: right center;
+  background-repeat: no-repeat;
+  background-size: auto 100%;
+}
 
-  a {
-    font-weight: bold;
-    color: #2c3e50;
+#app {
+  .wrapper {
+    padding: 4em;
 
-    &.router-link-exact-active {
-      color: #42b983;
+    .content {
+      padding: 0 4em;
+    }
+  }
+}
+
+@media screen and (max-width: 1200px) {
+  #app {
+    .wrapper {
+      .content {
+        padding: 0;
+      }
     }
   }
 }
@@ -33,18 +88,25 @@ nav {
 import {Options, Vue} from 'vue-class-component';
 import {useStore} from "vuex";
 import {APIService} from "@/services/APIService";
+import Header from "@/components/Header.vue";
+import Notifications from "@/components/Notifications.vue";
+import {Mutation} from "@/store";
 
-@Options({})
+@Options({
+  components: {
+    Notifications,
+    Header,
+  }
+})
 export default class App extends Vue {
-
   private readonly apiService = new APIService(useStore());
+  private readonly store = useStore();
 
-  created() {
-    this.loadCurrentUser();
-  }
-
-  private loadCurrentUser(): void {
+  created(): void {
     this.apiService.refreshCurrentUser()
+        .catch(() => {
+          this.store.commit(Mutation.PushNotificationError, "Error loading the user.");
+        });
   }
 }
 </script>
diff --git a/frontend/nos-crossposting-service-frontend/src/assets/background.svg b/frontend/nos-crossposting-service-frontend/src/assets/background.svg
diff --git a/frontend/nos-crossposting-service-frontend/src/assets/checkmark.svg b/frontend/nos-crossposting-service-frontend/src/assets/checkmark.svg
diff --git a/frontend/nos-crossposting-service-frontend/src/assets/delete.svg b/frontend/nos-crossposting-service-frontend/src/assets/delete.svg
diff --git a/...tend/nos-crossposting-service-frontend/src/assets/fonts/claritycity/ClarityCity-Black.otf b/...tend/nos-crossposting-service-frontend/src/assets/fonts/claritycity/ClarityCity-Black.otf
diff --git a/...tend/nos-crossposting-service-frontend/src/assets/fonts/claritycity/ClarityCity-Black.ttf b/...tend/nos-crossposting-service-frontend/src/assets/fonts/claritycity/ClarityCity-Black.ttf
diff --git a/...os-crossposting-service-frontend/src/assets/fonts/claritycity/ClarityCity-BlackItalic.otf b/...os-crossposting-service-frontend/src/assets/fonts/claritycity/ClarityCity-BlackItalic.otf
diff --git a/...os-crossposting-service-frontend/src/assets/fonts/claritycity/ClarityCity-BlackItalic.ttf b/...os-crossposting-service-frontend/src/assets/fonts/claritycity/ClarityCity-BlackItalic.ttf
diff --git a/frontend/nos-crossposting-service-frontend/src/assets/fonts/claritycity/ClarityCity-Bold.otf b/frontend/nos-crossposting-service-frontend/src/assets/fonts/claritycity/ClarityCity-Bold.otf
diff --git a/frontend/nos-crossposting-service-frontend/src/assets/fonts/claritycity/ClarityCity-Bold.ttf b/frontend/nos-crossposting-service-frontend/src/assets/fonts/claritycity/ClarityCity-Bold.ttf
diff --git a/...nos-crossposting-service-frontend/src/assets/fonts/claritycity/ClarityCity-BoldItalic.otf b/...nos-crossposting-service-frontend/src/assets/fonts/claritycity/ClarityCity-BoldItalic.otf
diff --git a/...nos-crossposting-service-frontend/src/assets/fonts/claritycity/ClarityCity-BoldItalic.ttf b/...nos-crossposting-service-frontend/src/assets/fonts/claritycity/ClarityCity-BoldItalic.ttf
diff --git a/.../nos-crossposting-service-frontend/src/assets/fonts/claritycity/ClarityCity-ExtraBold.otf b/.../nos-crossposting-service-frontend/src/assets/fonts/claritycity/ClarityCity-ExtraBold.otf
diff --git a/.../nos-crossposting-service-frontend/src/assets/fonts/claritycity/ClarityCity-ExtraBold.ttf b/.../nos-crossposting-service-frontend/src/assets/fonts/claritycity/ClarityCity-ExtraBold.ttf
diff --git a/...rossposting-service-frontend/src/assets/fonts/claritycity/ClarityCity-ExtraBoldItalic.otf b/...rossposting-service-frontend/src/assets/fonts/claritycity/ClarityCity-ExtraBoldItalic.otf
diff --git a/...rossposting-service-frontend/src/assets/fonts/claritycity/ClarityCity-ExtraBoldItalic.ttf b/...rossposting-service-frontend/src/assets/fonts/claritycity/ClarityCity-ExtraBoldItalic.ttf
diff --git a/...nos-crossposting-service-frontend/src/assets/fonts/claritycity/ClarityCity-ExtraLight.otf b/...nos-crossposting-service-frontend/src/assets/fonts/claritycity/ClarityCity-ExtraLight.otf
diff --git a/...nos-crossposting-service-frontend/src/assets/fonts/claritycity/ClarityCity-ExtraLight.ttf b/...nos-crossposting-service-frontend/src/assets/fonts/claritycity/ClarityCity-ExtraLight.ttf
diff --git a/...ossposting-service-frontend/src/assets/fonts/claritycity/ClarityCity-ExtraLightItalic.otf b/...ossposting-service-frontend/src/assets/fonts/claritycity/ClarityCity-ExtraLightItalic.otf
diff --git a/...ossposting-service-frontend/src/assets/fonts/claritycity/ClarityCity-ExtraLightItalic.ttf b/...ossposting-service-frontend/src/assets/fonts/claritycity/ClarityCity-ExtraLightItalic.ttf
diff --git a/...tend/nos-crossposting-service-frontend/src/assets/fonts/claritycity/ClarityCity-Light.otf b/...tend/nos-crossposting-service-frontend/src/assets/fonts/claritycity/ClarityCity-Light.otf
diff --git a/...tend/nos-crossposting-service-frontend/src/assets/fonts/claritycity/ClarityCity-Light.ttf b/...tend/nos-crossposting-service-frontend/src/assets/fonts/claritycity/ClarityCity-Light.ttf
diff --git a/...os-crossposting-service-frontend/src/assets/fonts/claritycity/ClarityCity-LightItalic.otf b/...os-crossposting-service-frontend/src/assets/fonts/claritycity/ClarityCity-LightItalic.otf
diff --git a/...os-crossposting-service-frontend/src/assets/fonts/claritycity/ClarityCity-LightItalic.ttf b/...os-crossposting-service-frontend/src/assets/fonts/claritycity/ClarityCity-LightItalic.ttf
diff --git a/...end/nos-crossposting-service-frontend/src/assets/fonts/claritycity/ClarityCity-Medium.otf b/...end/nos-crossposting-service-frontend/src/assets/fonts/claritycity/ClarityCity-Medium.otf
diff --git a/...end/nos-crossposting-service-frontend/src/assets/fonts/claritycity/ClarityCity-Medium.ttf b/...end/nos-crossposting-service-frontend/src/assets/fonts/claritycity/ClarityCity-Medium.ttf
diff --git a/...s-crossposting-service-frontend/src/assets/fonts/claritycity/ClarityCity-MediumItalic.otf b/...s-crossposting-service-frontend/src/assets/fonts/claritycity/ClarityCity-MediumItalic.otf
diff --git a/...s-crossposting-service-frontend/src/assets/fonts/claritycity/ClarityCity-MediumItalic.ttf b/...s-crossposting-service-frontend/src/assets/fonts/claritycity/ClarityCity-MediumItalic.ttf
diff --git a/...nd/nos-crossposting-service-frontend/src/assets/fonts/claritycity/ClarityCity-Regular.otf b/...nd/nos-crossposting-service-frontend/src/assets/fonts/claritycity/ClarityCity-Regular.otf
diff --git a/...nd/nos-crossposting-service-frontend/src/assets/fonts/claritycity/ClarityCity-Regular.ttf b/...nd/nos-crossposting-service-frontend/src/assets/fonts/claritycity/ClarityCity-Regular.ttf
diff --git a/...-crossposting-service-frontend/src/assets/fonts/claritycity/ClarityCity-RegularItalic.otf b/...-crossposting-service-frontend/src/assets/fonts/claritycity/ClarityCity-RegularItalic.otf
diff --git a/...-crossposting-service-frontend/src/assets/fonts/claritycity/ClarityCity-RegularItalic.ttf b/...-crossposting-service-frontend/src/assets/fonts/claritycity/ClarityCity-RegularItalic.ttf
diff --git a/...d/nos-crossposting-service-frontend/src/assets/fonts/claritycity/ClarityCity-SemiBold.otf b/...d/nos-crossposting-service-frontend/src/assets/fonts/claritycity/ClarityCity-SemiBold.otf
diff --git a/...d/nos-crossposting-service-frontend/src/assets/fonts/claritycity/ClarityCity-SemiBold.ttf b/...d/nos-crossposting-service-frontend/src/assets/fonts/claritycity/ClarityCity-SemiBold.ttf
diff --git a/...crossposting-service-frontend/src/assets/fonts/claritycity/ClarityCity-SemiBoldItalic.otf b/...crossposting-service-frontend/src/assets/fonts/claritycity/ClarityCity-SemiBoldItalic.otf
diff --git a/...crossposting-service-frontend/src/assets/fonts/claritycity/ClarityCity-SemiBoldItalic.ttf b/...crossposting-service-frontend/src/assets/fonts/claritycity/ClarityCity-SemiBoldItalic.ttf
diff --git a/frontend/nos-crossposting-service-frontend/src/assets/fonts/claritycity/ClarityCity-Thin.otf b/frontend/nos-crossposting-service-frontend/src/assets/fonts/claritycity/ClarityCity-Thin.otf
diff --git a/frontend/nos-crossposting-service-frontend/src/assets/fonts/claritycity/ClarityCity-Thin.ttf b/frontend/nos-crossposting-service-frontend/src/assets/fonts/claritycity/ClarityCity-Thin.ttf
diff --git a/...nos-crossposting-service-frontend/src/assets/fonts/claritycity/ClarityCity-ThinItalic.otf b/...nos-crossposting-service-frontend/src/assets/fonts/claritycity/ClarityCity-ThinItalic.otf
diff --git a/...nos-crossposting-service-frontend/src/assets/fonts/claritycity/ClarityCity-ThinItalic.ttf b/...nos-crossposting-service-frontend/src/assets/fonts/claritycity/ClarityCity-ThinItalic.ttf