Fix webpack issue with Pink v1

Meldiron · Meldiron · commit ab91c3e4f3a1 · 2025-03-11T13:13:57.000Z
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -18,8 +18,6 @@
     "@angular/platform-browser": "^19.1.0",
     "@angular/platform-browser-dynamic": "^19.1.0",
     "@angular/router": "^19.1.0",
-    "@appwrite.io/pink": "^1.0.0",
-    "@appwrite.io/pink-icons": "^1.0.0",
     "appwrite": "^17.0.0",
     "rxjs": "~7.8.0",
     "tslib": "^2.3.0",
diff --git a/src/index.html b/src/index.html
@@ -6,6 +6,9 @@
     <base href="/" />
     <meta name="viewport" content="width=device-width, initial-scale=1" />
     <link rel="icon" type="image/svg+xml" href="/appwrite.svg" />
+
+    <link rel="stylesheet" href="https://unpkg.com/@appwrite.io/pink" />
+    <link rel="stylesheet" href="https://unpkg.com/@appwrite.io/pink-icons" />
   </head>
   <body>
     <app-root></app-root>
diff --git a/src/main.ts b/src/main.ts
@@ -1,8 +1,6 @@
 import { bootstrapApplication } from '@angular/platform-browser';
 import { appConfig } from './app/app.config';
 import { AppComponent } from './app/app.component';
-import '@appwrite.io/pink';
-import '@appwrite.io/pink-icons';
 
 bootstrapApplication(AppComponent, appConfig).catch((err) =>
   console.error(err),
