From da01e272d71857fc5c447c9b47ad1c6aa7a1177c Mon Sep 17 00:00:00 2001
From: Constantin Simonis <constantin@simonis.lol>
Date: Thu, 13 Feb 2025 10:38:32 +0100
Subject: [PATCH] refactor: outsource stripe key to environment

---
 frontend/src/app/deposit/deposit.component.ts | 5 ++---
 frontend/src/environments/environment.ts      | 3 +++
 2 files changed, 5 insertions(+), 3 deletions(-)
 create mode 100644 frontend/src/environments/environment.ts

diff --git a/frontend/src/app/deposit/deposit.component.ts b/frontend/src/app/deposit/deposit.component.ts
index 0da8395..e07ee85 100644
--- a/frontend/src/app/deposit/deposit.component.ts
+++ b/frontend/src/app/deposit/deposit.component.ts
@@ -3,6 +3,7 @@ import { FormControl, FormGroup, ReactiveFormsModule, Validators } from '@angula
 import { loadStripe, Stripe } from '@stripe/stripe-js';
 import { DepositService } from '../service/deposit.service';
 import { debounceTime } from 'rxjs';
+import { environment } from '../../environments/environment';
 
 @Component({
   selector: 'app-deposit',
@@ -29,9 +30,7 @@ export class DepositComponent implements OnInit {
       }
     });
 
-    this.stripe = await loadStripe(
-      'pk_test_51QrePYIvCfqz7ANgMizBorPpVjJ8S6gcaL4yvcMQnVaKyReqcQ6jqaQEF7aDZbDu8rNVsTZrw8ABek4ToxQX7KZe00jpGh8naG'
-    );
+    this.stripe = await loadStripe(environment.STRIPE_KEY);
   }
 
   submit() {
diff --git a/frontend/src/environments/environment.ts b/frontend/src/environments/environment.ts
new file mode 100644
index 0000000..f0dc69d
--- /dev/null
+++ b/frontend/src/environments/environment.ts
@@ -0,0 +1,3 @@
+export const environment = {
+  STRIPE_KEY: 'pk_test_51QrePYIvCfqz7ANgMizBorPpVjJ8S6gcaL4yvcMQnVaKyReqcQ6jqaQEF7aDZbDu8rNVsTZrw8ABek4ToxQX7KZe00jpGh8naG',
+}