Add more teasing (#257)

Author: ildyria

src/components/widgets/FeaturesList.astro

@@ -39,11 +39,11 @@ const {
       </thead>
       <tbody>
         {
-          specs.map(({ feature, isHeader, isSoon, isPro, values, available }) => (
+          specs.map(({ feature, isHeader, isSoon, isPro, values, available, isV7 }) => (
             <tr class={(isHeader && ' bg-neutral-50 dark:bg-neutral-800') || ''}>
-              {isHeader && <td class="p-2 font-semibold"><Fragment set:html={feature} />{ isSoon && <Soon/> }{ isPro && <Pro/> }</td>}
+              {isHeader && <td class="p-2 font-semibold"><Fragment set:html={feature} />{ isSoon && <Soon/> }{ isPro && <Pro/> }{ isV7 && <Soon tag="v7"/> }</td>}
               {isHeader && products.map(() => <td class="p-2 text-center" />)}
-              {!isHeader && <td class="px-2 text-muted"><Fragment set:html={feature} />{ isSoon && <Soon/> }</td> }
+              {!isHeader && <td class="px-2 text-muted"><Fragment set:html={feature} />{ isSoon && <Soon/> }{ isV7 && <Soon tag="v7"/> }</td> }
               {!isHeader && values && (values.map((val) => <td class="px-2 text-muted text-center">{val}</td>))}
               {!isHeader && available && !isPro && available.map((yes) => <td class="px-2 text-muted text-center">{yes && <Tick />}</td>)}
               {!isHeader && available && isPro && available.map((yes) => <td class="px-2 text-muted text-center">{yes && <Tick classes={{icon_bg: 'bg-amber-200/80 dark:bg-amber-800', icon: 'text-amber-600 dark:text-amber-100'}} />}</td>)}

src/pages/get-supporter-edition.astro

@@ -138,7 +138,6 @@ const metadata = {
       {
         feature: '<span class="text-black dark:text-neutral-400/50 font-bold">Dark</span> and <span class="text-neutral-500 dark:text-neutral-100  font-bold">Light</span> themes',
         available: [true, true],
-        isV6: true,
       },
       {
         feature: 'Unlimited photo upload',
@@ -156,12 +155,16 @@ const metadata = {
         feature: 'Multiple languages supported<sup>*</sup><sup>*</sup>',
         available: [true, true],
       },
+      {
+        feature: 'Worker mode (asynchronous processing)',
+        available: [true, true],
+        isV7: true,
+      },
       {
         feature: 'Hide Lychee <span class="text-sky-600 dark:text-sky-300">SE</span> call for actions <sup>*</sup><sup>*</sup><sup>*</sup>',
         available: [true, false],
       },
 
-
       {
         feature: 'Photo management',
         isHeader: true,
@@ -198,6 +201,11 @@ const metadata = {
         feature: 'Hotlink protection',
         available: [true, true],
       },
+      {
+        feature: 'Photo rating (1 to 5 stars)',
+        available: [true, true],
+        isV7: true,
+      },
       {
         feature: 'AES-Secured links',
         available: [false, true],
@@ -219,6 +227,11 @@ const metadata = {
         feature: 'Smart albums',
         available: [true, true],
       },
+      {
+        feature: 'Smart albums per user',
+        available: [true, true],
+        isV7: true,
+      },
       {
         feature: 'Unlimited photos per album',
         available: [true, true],
@@ -538,14 +551,14 @@ const metadata = {
       {
         feature: 'Statistics on your installation',
         available: [false, true],
-        isV6: true,
       },
 
       {
         feature: 'Webshop integration ****',
         isHeader: true,
         isSoon: true,
         isPro: true,
+        isV7: true,
       },
       {
         feature: 'Custom pricing (per size & license type)',

src/types.d.ts

@@ -257,7 +257,7 @@ export interface Features extends Omit<Headline, 'classes'>, Widget {
 export interface Spec {
   feature: string;
   isHeader?: boolean;
-  isV6?: boolean;
+  isV7?: boolean;
   isSoon?: boolean;
   isPro?: boolean;
   values?: string[];