+

Author: vlad-stohnii

.eslintrc.json

@@ -10,8 +10,7 @@
 		"plugin:jsx-a11y/recommended",
 		"plugin:react-hooks/recommended",
 		"plugin:@typescript-eslint/recommended",
-		"plugin:@typescript-eslint/recommended-requiring-type-checking",
-		"plugin:astro/recommended"
+		"plugin:@typescript-eslint/recommended-requiring-type-checking"
 	],
 	"overrides": [],
 	"parser": "@typescript-eslint/parser",

src/components/LandingPage/LandingPage.astro

@@ -38,6 +38,7 @@ const databases: string[] = [
   "LiteFS",
   "SQLite Cloud",
   "SQLite",
+  "Prisma Postgres",
   "Web SQLite",
 ];
 ---

src/components/LandingPage/Supporting/Databases.ts

@@ -162,6 +162,19 @@ const Databases: {
     },
     sponsorUrl: "https://driz.link/sqlitecloud",
   },
+  "Prisma Postgres": {
+    imageSrc: {
+      lightThemeSrc: "/public/svg/prisma.svg",
+      darkThemeSrc: "/public/svg/prisma-dark.svg",
+    },
+    lightStyle: {
+      width: 36,
+    },
+    darkStyle: {
+      width: 36,
+    },
+    sponsorUrl: "https://twitter.com/DrizzleORM",
+  },
 };
 
 export default Databases;

src/components/LandingPage/Supporting/SupportingElement/SupportingElement.astro

@@ -43,6 +43,7 @@ const darkStylesSVGString = svgCodeDark.replace(/<svg/, `<svg ${getParamsString(
 {item.sponsorUrl && (
   <a href={item.sponsorUrl} target="_blank" rel="nofollow noreferrer">
     <div class="item">
+      {name === "Prisma Postgres" && <div class="supporting__icon--blurred"></div>}
       <div class="icon supporting__icon">
         <div class={"img_light"} 
           style={{
@@ -62,7 +63,7 @@ const darkStylesSVGString = svgCodeDark.replace(/<svg/, `<svg ${getParamsString(
           </div>
       </div>
       <div class="our_sponsor">
-        our sponsor
+        {name === "Prisma Postgres" ? "not yet" : "our"} sponsor
         <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
           <path d="M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z" />
         </svg>
@@ -88,7 +89,6 @@ const darkStylesSVGString = svgCodeDark.replace(/<svg/, `<svg ${getParamsString(
         }}>
           {isSvg && <Fragment set:html={darkStylesSVGString} />}
           {!isSvg && <img class="image" src={getImagePath(isForTheme ? imageSrc.darkThemeSrc : imageSrc)} style={{...darkStyle as any}}/>}
-
         </div>
     </div>
     {name}
@@ -147,6 +147,14 @@ const darkStylesSVGString = svgCodeDark.replace(/<svg/, `<svg ${getParamsString(
   background-color: rgba(240, 241, 242, 0.27);
 }
 
+.supporting__icon--blurred {
+  position: absolute;
+  width: 100%;
+  height: 100%;
+  backdrop-filter: blur(2.2px);
+  z-index: 1;
+}
+
 html[class~=dark] .item {
   border: 1.7px solid rgb(64,64,64);
   background-color: #282828;