diff --git a/src/Ombi/ClientApp/app/usermanagement/addplexuser.component.html b/src/Ombi/ClientApp/app/usermanagement/addplexuser.component.html
new file mode 100644
index 000000000..d21509043
--- /dev/null
+++ b/src/Ombi/ClientApp/app/usermanagement/addplexuser.component.html
@@ -0,0 +1,59 @@
+
+
+
You can invite a user to share your Plex Library here. The invited user will be asked to confirm friendship.
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/Ombi/ClientApp/app/usermanagement/addplexuser.component.ts b/src/Ombi/ClientApp/app/usermanagement/addplexuser.component.ts
index da63b67dd..c45dfc0e9 100644
--- a/src/Ombi/ClientApp/app/usermanagement/addplexuser.component.ts
+++ b/src/Ombi/ClientApp/app/usermanagement/addplexuser.component.ts
@@ -1,25 +1,84 @@
-import { Component, Input } from "@angular/core";
+import { Component, Input, OnInit } from "@angular/core";
+import { FormBuilder, FormGroup, Validators } from "@angular/forms";
import { NgbActiveModal } from "@ng-bootstrap/ng-bootstrap";
+import { NotificationService, PlexService } from "../services";
+
+import { IPlexLibraries, IPlexServersAdd } from "../interfaces";
+
@Component({
- selector: "ngbd-modal-content",
-template: `
-
-