Merge pull request #76 from interledger/fe-changes

fix: changes needed for frontend

Author: dragosp1011

app/components/quoteDialog.tsx

@@ -8,6 +8,7 @@ import { Form } from '@remix-run/react'
 import { useForm } from '@conform-to/react'
 import { Loader } from './loader'
 import { useBackdropContext } from '~/lib/context/backdrop'
+import { PayLogo } from './ui/logo'
 
 export type QuoteArgs = {
   receiverName: string
@@ -63,7 +64,10 @@ export default function Quote({
               leaveTo="opacity-0 translate-y-4"
             >
               <Dialog.Panel className="relative w-full max-w-sm space-y-4 overflow-hidden rounded-lg px-4 py-8 shadow-2xl bg-foreground">
-                <Header />
+                {/* <Header /> */}
+                <div className="flex justify-center items-center">
+                  <PayLogo />
+                </div>
                 <div className="flex h-full flex-col justify-center gap-10 pt-5">
                   <div className="mx-auto w-full max-w-sm">
                     <Loader type="small" />

app/components/ui/logo.tsx

@@ -285,3 +285,36 @@ export const InterledgerPayLogo = (props: SVGProps<SVGSVGElement>) => {
     </svg>
   )
 }
+export const PayLogo = (props: SVGProps<SVGSVGElement>) => {
+  return (
+    <svg
+      width="100"
+      height="100"
+      viewBox="0 0 800 800"
+      fill="none"
+      {...props}
+      xmlns="http://www.w3.org/2000/svg"
+    >
+      <path
+        d="M699.531 458.281C699.531 623.984 565.234 758.281 399.531 758.281C233.828 758.281 99.5312 623.984 99.5312 458.281C99.5312 292.578 233.828 43.5156 399.531 43.5156C565.234 43.5156 699.531 292.578 699.531 458.281Z"
+        fill="#FAFCFC"
+      />
+      <path
+        d="M399.453 768.75C357.578 768.75 316.875 760.547 278.594 744.375C241.641 728.75 208.438 706.328 179.922 677.891C151.406 649.375 129.062 616.172 113.437 579.219C97.2656 540.938 89.0625 500.313 89.0625 458.359C89.0625 373.047 123.359 267.578 178.672 183.125C207.656 138.828 241.484 102.031 276.641 76.6406C316.563 47.8125 357.891 33.2031 399.531 33.2031C441.172 33.2031 482.5 47.8125 522.422 76.6406C557.578 102.031 591.406 138.828 620.391 183.125C675.625 267.578 710 373.047 710 458.359C710 500.234 701.797 540.938 685.625 579.219C670 616.172 647.578 649.375 619.141 677.891C590.625 706.406 557.422 728.75 520.469 744.375C482.031 760.547 441.406 768.75 399.453 768.75ZM399.453 53.9062C362.266 53.9062 325.078 67.1875 288.75 93.4375C255.625 117.344 223.594 152.266 196.016 194.453C142.891 275.703 109.844 376.797 109.844 458.281C109.844 535.625 140 608.359 194.687 663.125C249.375 717.812 322.109 747.969 399.531 747.969C476.875 747.969 549.609 717.812 604.375 663.125C659.062 608.437 689.219 535.703 689.219 458.281C689.219 376.797 656.172 275.703 603.047 194.453C575.469 152.266 543.359 117.344 510.313 93.4375C473.906 67.2656 436.641 53.9062 399.453 53.9062Z"
+        fill="#154B8B"
+      />
+      <path
+        d="M290.078 221.094C290.078 229.879 293.568 238.305 299.78 244.517C305.992 250.729 314.418 254.219 323.203 254.219C331.988 254.219 340.414 250.729 346.626 244.517C352.838 238.305 356.328 229.879 356.328 221.094C356.328 212.308 352.838 203.883 346.626 197.671C340.414 191.459 331.988 187.969 323.203 187.969C314.418 187.969 305.992 191.459 299.78 197.671C293.568 203.883 290.078 212.308 290.078 221.094Z"
+        fill="#9ED5E4"
+      />
+      <path
+        d="M155.859 447.734C155.859 462.176 161.596 476.027 171.808 486.239C182.02 496.45 195.871 502.187 210.313 502.187C224.754 502.187 238.605 496.45 248.817 486.239C259.029 476.027 264.766 462.176 264.766 447.734C264.766 433.292 259.029 419.442 248.817 409.23C238.605 399.018 224.754 393.281 210.313 393.281C195.871 393.281 182.02 399.018 171.808 409.23C161.596 419.442 155.859 433.292 155.859 447.734Z"
+        fill="#9ED5E4"
+      />
+      <path
+        d="M382.188 528.047C382.187 544.298 385.388 560.39 391.607 575.404C397.826 590.418 406.942 604.06 418.433 615.551C429.924 627.043 443.566 636.158 458.58 642.377C473.594 648.596 489.686 651.797 505.937 651.797C522.189 651.797 538.281 648.596 553.295 642.377C568.309 636.158 581.951 627.043 593.442 615.551C604.933 604.06 614.049 590.418 620.268 575.404C626.487 560.39 629.687 544.298 629.687 528.047C629.687 495.226 616.65 463.75 593.442 440.542C570.234 417.335 538.758 404.297 505.937 404.297C473.117 404.297 441.641 417.335 418.433 440.542C395.225 463.75 382.188 495.226 382.188 528.047Z"
+        fill="#9ED5E4"
+      />
+    </svg>
+  )
+}