chore: add explanations

vladanpaunovic · Sep 2, 2024 · 73eed25 · 73eed25
1 parent b397824
commit 73eed25
Show file tree

Hide file tree

Showing 6 changed files with 1,022 additions and 258 deletions.
diff --git a/components/AffiliateLinks/AffiliateLinks.js b/components/AffiliateLinks/AffiliateLinks.js
@@ -20,21 +20,21 @@ const affiliatePartners = [
     affiliateLink: "https://app.deltabadger.com/en/ref/DCACC",
     value: "10% discount",
   },
-  {
-    name: "Crypto.com",
-    icon: (
-      <Image
-        src="/images/cryptocom_icon_2.jpeg"
-        alt="Crypto.com"
-        width={40}
-        height={40}
-      />
-    ),
-    pitch:
-      "Use my referral link 6mn8gxz6tn to sign up for Crypto.com and we both get $25 USD",
-    affiliateLink: "https://crypto.com/app/6mn8gxz6tn",
-    value: "$25 USD",
-  },
+  // {
+  //   name: "Crypto.com",
+  //   icon: (
+  //     <Image
+  //       src="/images/cryptocom_icon_2.jpeg"
+  //       alt="Crypto.com"
+  //       width={40}
+  //       height={40}
+  //     />
+  //   ),
+  //   pitch:
+  //     "Use my referral link 6mn8gxz6tn to sign up for Crypto.com and we both get $25 USD",
+  //   affiliateLink: "https://crypto.com/app/6mn8gxz6tn",
+  //   value: "$25 USD",
+  // },
 ];
 
 const AffiliatePartner = (props) => {

diff --git a/components/CoinPage/TopCards.js b/components/CoinPage/TopCards.js
@@ -1,3 +1,4 @@
+import React from "react";
 import {
   Card,
   Metric,
@@ -100,7 +101,6 @@ const CardValueInFIAT = () => {
             </Text>
           </Flex>
         </Flex>
-
         <CategoryBar
           categoryPercentageValues={categoryPercentageValues}
           colors={["orange", color]}
@@ -122,6 +122,10 @@ const CardValueInFIAT = () => {
           colors={["orange", color]}
           marginTop="mt-3"
         />
+        <div className="mt-2 text-sm italic bg-gray-100 text-gray-900 p-2 rounded">
+          Your earnings are {isEarning ? "positive" : "negative"} by{" "}
+          {percentageChange} over the dollar cost averaging period.
+        </div>
       </Card>
     </div>
   );
@@ -176,6 +180,11 @@ const CardCurrentCoin = () => {
           valueFormatter={valueFormatter}
           marginTop="mt-4"
         />
+
+        <div className="mt-2 text-sm italic bg-gray-100 text-gray-900 p-2 rounded">
+          On the selected date, {coinSymbol} selling price is{" "}
+          {isEarning ? "higher" : "lower"} than the average price.
+        </div>
       </Card>
     </div>
   );

diff --git a/components/Footer/Footer.js b/components/Footer/Footer.js
@@ -131,12 +131,12 @@ const Footer = ({ availableTokens }) => {
                 </li>
                 <li>
                   <Link
-                    href="https://twitter.com/dca_cc"
+                    href="https://x.com/dca_cc"
                     target="_blank"
                     rel="nofollow noreferrer"
                     className="text-gray-600 transition-colors duration-300 hover:underline"
                   >
-                    DCA-CC on Twitter
+                    DCA-CC on X
                   </Link>
                 </li>
                 <li>
@@ -171,8 +171,8 @@ const Footer = ({ availableTokens }) => {
           <div className="flex items-center mt-4 space-x-4 sm:mt-0">
             <a
               target="_blank"
-              href="https://twitter.com/dca_cc"
-              aria-label="DCA-CC on Twitter"
+              href="https://x.com/dca_cc"
+              aria-label="DCA-CC on X"
               rel="nofollow noreferrer"
               className="text-gray-500 hover:opacity-50"
             >

diff --git a/components/ShareChart/ShareChart.js b/components/ShareChart/ShareChart.js
@@ -17,9 +17,9 @@ const SharingButtons = ({ currentCoin, currentUrl }) => {
 
   const socialNetworks = [
     {
-      label: "Twitter",
+      label: "X",
       color: "#55acee",
-      href: `https://twitter.com/intent/tweet?text=${encodeURIComponent(
+      href: `https://x.com/intent/tweet?text=${encodeURIComponent(
         priceChartMessage
       )}&url=${encodeURIComponent(currentUrl)}&hashtags=${coinSymbol},${
         currentCoin.name

diff --git a/package.json b/package.json
@@ -64,7 +64,7 @@
     "autoprefixer": "^10.2.5",
     "babel-jest": "^27.4.6",
     "eslint": "8.6.0",
-    "eslint-config-next": "^13.1.6",
+    "eslint-config-next": "^14.2.7",
     "frontmatter-markdown-loader": "^3.6.3",
     "jest": "^27.4.7",
     "jest-mock-extended": "^3.0.1",