octant - update countdown timer, octant icon

growthepie · Oct 14, 2024 · a383cce · a383cce
1 parent da8c5df
commit a383cce
Show file tree

Hide file tree

Showing 2 changed files with 216 additions and 232 deletions.
diff --git a/app/(layout)/trackers/octant/layout.tsx b/app/(layout)/trackers/octant/layout.tsx
@@ -17,14 +17,20 @@ export default function Layout({ children }: { children: React.ReactNode }) {
     <div className="pt-[45px] md:pt-[45px] min-h-[580px]">
       <Container className="pb-[15px]">
         <div className="flex items-start justify-between">
-          <div className="flex items-center gap-x-[5px]">
+          <div className="flex items-center gap-x-[8px]">
             <div className="w-[36px] h-[36px]">
-              <svg width="37" height="37" viewBox="0 0 37 37" fill="none" xmlns="http://www.w3.org/2000/svg">
+              {/* <svg width="37" height="37" viewBox="0 0 37 37" fill="none" xmlns="http://www.w3.org/2000/svg">
                 <path fillRule="evenodd" clipRule="evenodd" d="M18.2939 0.5C31.596 0.5 36.2939 5.22001 36.2939 18.5C36.2939 31.7298 31.5177 36.5 18.2939 36.5C5.1091 36.5 0.293945 31.6686 0.293945 18.5C0.293945 5.28097 5.03057 0.5 18.2939 0.5Z" fill="black" />
                 <path fillRule="evenodd" clipRule="evenodd" d="M16.9632 20.6096C16.1387 22.5735 14.1973 23.9528 11.9338 23.9528C8.92255 23.9528 6.48145 21.5117 6.48145 18.5004C6.48145 15.4891 8.92255 13.048 11.9338 13.048C14.1973 13.048 16.1387 14.4273 16.9632 16.3911C17.8241 13.1569 20.6174 10.7106 24.0313 10.364C24.5851 10.3078 24.8672 10.3563 24.8672 11.0034V15.9446C24.8672 16.3125 24.798 16.4958 24.0313 16.4958C22.891 16.4958 22.157 17.5098 22.157 18.5004C22.157 19.6296 22.8163 20.545 24.0313 20.545C24.8672 20.545 24.8672 20.0775 24.8672 19.5014V17.1373C24.8672 16.683 25.027 16.4557 25.453 16.4557H28.0567C28.4741 16.4557 28.4936 16.4636 28.7333 16.7962C28.7333 16.7962 29.7793 18.2395 29.9616 18.5004C30.1439 18.7613 30.1652 18.8412 29.9616 19.1451C29.758 19.449 28.7333 20.88 28.7333 20.88C28.4944 21.2175 28.4774 21.2266 28.0567 21.2266H26.1016C25.0823 21.2266 24.8672 21.9319 24.8672 22.5684V25.827C24.8672 26.5865 24.7328 26.708 24.0313 26.6367C20.6174 26.2902 17.8241 23.8439 16.9632 20.6096ZM13.7515 18.4993C13.7515 19.5031 12.9378 20.3168 11.934 20.3168C10.9303 20.3168 10.1166 19.5031 10.1166 18.4993C10.1166 17.4956 10.9303 16.6818 11.934 16.6818C12.9378 16.6818 13.7515 17.4956 13.7515 18.4993Z" fill="white" />
+              </svg> */}
+              <svg width="37" height="37" viewBox="0 0 37 37" fill="none" xmlns="http://www.w3.org/2000/svg">
+                <path d="M11.934 20.3168C12.9378 20.3168 13.7515 19.5031 13.7515 18.4993C13.7515 17.4956 12.9378 16.6818 11.934 16.6818C10.9303 16.6818 10.1166 17.4956 10.1166 18.4993C10.1166 19.5031 10.9303 20.3168 11.934 20.3168Z" fill="#CDD8D3" />
+                <path fill-rule="evenodd" clip-rule="evenodd" d="M36.2939 18.5C36.2939 5.22001 31.596 0.5 18.2939 0.5C5.03057 0.5 0.293945 5.28097 0.293945 18.5C0.293945 31.6686 5.1091 36.5 18.2939 36.5C31.5177 36.5 36.2939 31.7298 36.2939 18.5ZM11.9338 23.9528C14.1973 23.9528 16.1387 22.5735 16.9632 20.6096C17.8241 23.8439 20.6174 26.2902 24.0313 26.6367C24.7328 26.708 24.8672 26.5865 24.8672 25.827V22.5684C24.8672 21.9319 25.0823 21.2266 26.1016 21.2266H28.0567C28.4774 21.2266 28.4944 21.2175 28.7333 20.88C28.7333 20.88 29.758 19.449 29.9616 19.1451C30.1652 18.8412 30.1439 18.7613 29.9616 18.5004C29.7793 18.2395 28.7333 16.7962 28.7333 16.7962C28.4936 16.4636 28.4741 16.4557 28.0567 16.4557H25.453C25.027 16.4557 24.8672 16.683 24.8672 17.1373V19.5014C24.8672 20.0775 24.8672 20.545 24.0313 20.545C22.8163 20.545 22.157 19.6296 22.157 18.5004C22.157 17.5098 22.891 16.4958 24.0313 16.4958C24.798 16.4958 24.8672 16.3125 24.8672 15.9446V11.0034C24.8672 10.3563 24.5851 10.3078 24.0313 10.364C20.6174 10.7106 17.8241 13.1569 16.9632 16.3911C16.1387 14.4273 14.1973 13.048 11.9338 13.048C8.92255 13.048 6.48145 15.4891 6.48145 18.5004C6.48145 21.5117 8.92255 23.9528 11.9338 23.9528Z" fill="#CDD8D3" />
               </svg>
 
 
+
+
             </div>
             <Heading className="font-bold text-[36px] leading-[120%]" as="h1">
               Octant