Add Github link to demo banner (saleor#669)

* Adds Github link to the demo banner: <img width="1233" alt="image" src="https://user-images.githubusercontent.com/13994677/206481321-59ab50ac-1d64-45e9-992e-aa28cfac5355.png">
hamid2520 · Dec 13, 2022 · 2ab6113 · 2ab6113
1 parent ef2de10
commit 2ab6113
Showing 1 changed file with 15 additions and 6 deletions.
diff --git a/apps/storefront/components/DemoBanner/DemoBanner.tsx b/apps/storefront/components/DemoBanner/DemoBanner.tsx
@@ -1,19 +1,28 @@
 export function DemoBanner() {
   return (
-    <div className="flex flex-row-reverse items-center h-16 space-x-4 border-b-2 border-dashed text-md">
-      <div className="px-4">
-        <a href="https://demo.saleor.io/graphql/">
-          <span className="hidden md:inline text-gray-600">Play with&nbsp;</span>
-          <span className="uppercase font-semibold">GraphQL API</span>
+    <div className="flex flex-row items-center h-16 space-x-4 border-b-2 border-dashed text-md">
+      <div className="justify-self-start px-4 mr-auto">
+        <a href="https://github.com/saleor/saleor/">
+          <span className="hidden md:inline text-gray-600">⭐️ Star us on&nbsp;</span>
+          <span className="uppercase font-semibold">Github</span>
         </a>
       </div>
-      <div className="border-r mx-4">&nbsp;</div>
+
       <div>
         <a href="https://demo.saleor.io/dashboard/">
           <span className="hidden md:inline text-gray-600">Explore&nbsp;</span>
           <span className="uppercase font-semibold">store&apos;s dashboard</span>
         </a>
       </div>
+
+      <div className="border-r mx-4">&nbsp;</div>
+
+      <div className="px-4">
+        <a href="https://demo.saleor.io/graphql/">
+          <span className="hidden md:inline text-gray-600">Play with&nbsp;</span>
+          <span className="uppercase font-semibold">GraphQL API</span>
+        </a>
+      </div>
     </div>
   );
 }