feat: discoin claims

Signed-off-by: Chris Gianelloni <[email protected]>

.env.example

@@ -29,10 +29,10 @@
 #LOG_TYPE=combined
 
 # Premium token fee (default: 500000)
-#TOSIFEE=500000
+#CLAIM_FEE=500000
 
 # Comma-separated list of stake pools which are not charged a premium fee (default: empty)
-#TOSIFEE_WHITELIST=pool104v7kzpq86r0wnfsz8r7jeld2raap92qq84trjcqk62zyh9akqt
+#CLAIM_FEE_WHITELIST=pool104v7kzpq86r0wnfsz8r7jeld2raap92qq84trjcqk62zyh9akqt
 
 # Access token for the Vending Machine API (required)
 #VM_API_TOKEN="CHANGEME"
@@ -50,4 +50,4 @@
 #VM_URL="https://vm.adaseal.eu"
 
 # enable ergo side
-#ERGO_ENABLED=false
+#ERGO_ENABLED=false

.github/workflows/ci-ansible.yml

@@ -2,7 +2,7 @@ name: Ansible CI
 
 on:
   pull_request:
-    branches: [ master ]
+    branches: [ main ]
     paths: [ 'ansible/**','runme.sh','.github/workflows/ci-ansible.yml' ]
 
 jobs:

.github/workflows/ci-docker.yml

@@ -2,7 +2,7 @@ name: Docker CI
 
 on:
   pull_request:
-    branches: [ master ]
+    branches: [ main ]
     paths: [ 'Dockerfile','client/**','public/**','server/**','src/**','*.ts','*.json','.github/workflows/ci-docker.yml' ]
 
 env:
@@ -29,7 +29,7 @@ jobs:
         with:
           context: .
           push: false
-          tags: tosidrop:latest
+          tags: claim:latest
           cache-from: type=local,src=/tmp/.buildx-cache
           cache-to: type=local,dest=/tmp/.buildx-cache-new,mode=max
       # TEMP fix
@@ -59,7 +59,7 @@ jobs:
         with:
           context: .
           push: false
-          tags: tosidrop:latest
+          tags: claim:latest
           cache-from: type=local,src=/tmp/.buildx-cache
           cache-to: type=local,dest=/tmp/.buildx-cache-new,mode=max
       # TEMP fix

.github/workflows/ci-js.yml

@@ -2,7 +2,7 @@ name: JavaScript CI
 
 on:
   pull_request:
-    branches: [ master ]
+    branches: [ main ]
     paths: [ 'client/**','server/**', 'src/**','*.ts','*.json','.github/workflows/ci-js.yml' ]
 
 jobs:

.github/workflows/codeql-analysis.yml

@@ -13,10 +13,10 @@ name: "CodeQL"
 
 on:
   push:
-    branches: [ "master" ]
+    branches: [ "main" ]
   pull_request:
     # The branches below must be a subset of the branches above
-    branches: [ "master" ]
+    branches: [ "main" ]
   schedule:
     - cron: '27 1 * * 5'
 

.github/workflows/publish.yml

@@ -2,14 +2,14 @@ name: publish
 
 on:
   push:
-    branches: ['master']
+    branches: ['main']
     tags: ['v*.*.*']
 
 concurrency: ${{ github.ref }}
 
 env:
   REGISTRY: ghcr.io
-  IMAGE_NAME: tosidrop/vm-frontend
+  IMAGE_NAME: ${{ github.repository }}
 
 jobs:
   build-amd64:

LICENSE

@@ -1,6 +1,7 @@
 MIT License
 
 Copyright (c) 2022 TosiDrop
+Copyright (c) 2023 Blink Labs, LLC.
 
 Permission is hereby granted, free of charge, to any person obtaining a copy
 of this software and associated documentation files (the "Software"), to deal

README.md

@@ -1,6 +1,6 @@
 # vm-frontend
 
-Welcome to the Tosidrop VM Frontend!
+Welcome to the Silk Toad VM Frontend!
 
 ## About
 The code is split into two projects, an Express API which serves as a backend

ansible/local.yml

@@ -55,7 +55,7 @@
           process_config:
             enabled: "false" # string, per docs
           tags:
-            - product:tosidrop
+            - product:claims
 
     - name: nodePlaybook | include vm_frontend role
       include_role:

ansible/roles/vm_frontend/defaults/main.yml

@@ -1,5 +1,5 @@
 ---
 redis_enabled: false
-vm_frontend_version: 'master'
-vm_frontend_image: 'ghcr.io/tosidrop/vm-frontend:{{ vm_frontend_version }}'
+vm_frontend_version: 'main'
+vm_frontend_image: 'ghcr.io/blinklabs-io/discoin-vm-frontend:{{ vm_frontend_version }}'
 vm_frontend_port: 3000

client/README.md

@@ -45,7 +45,7 @@ No testing as of now, might be introduced in the future.
 
 ## CSS
 
-We use tailwind for CSS. Please no CSS files unless necessary. Please refer to [the official documentation](https://tailwindcss.com/). If you are developing TosiDrop client, PLEASE follow the guidelines here. 
+We use tailwind for CSS. Please no CSS files unless necessary. Please refer to [the official documentation](https://tailwindcss.com/). If you are developing a VM client, PLEASE follow the guidelines here.
 
 ### Big component, e.g., modal, wallet, and main content
 - `rounded-2xl`
@@ -62,7 +62,7 @@ We use tailwind for CSS. Please no CSS files unless necessary. Please refer to [
 - `m-2.5`
 - `py-2.5`
 - `px-5`
-- `tosi-button`
+- `claim-button`
 
 ### Title
 - `text-3xl`
@@ -73,4 +73,4 @@ We use tailwind for CSS. Please no CSS files unless necessary. Please refer to [
 ### Color for text
 - `text-green-600`: success
 - `text-red-600`: failure
-- `text-yellow-400`: warning
+- `text-yellow-400`: warning

client/package.json

@@ -1,7 +1,7 @@
 {
-  "name": "tosidrop-client",
+  "name": "vm-client",
   "version": "1.0.0",
-  "description": "TosiDrop Frontend React App",
+  "description": "VM Frontend React App",
   "engines": {
     "node": ">=18",
     "npm": ">=9"

client/public/browserconfig.xml

@@ -3,7 +3,7 @@
     <msapplication>
         <tile>
             <square150x150logo src="/mstile-150x150.png"/>
-            <TileColor>#c7d5f4</TileColor>
+            <TileColor>#4285f4</TileColor>
         </tile>
     </msapplication>
 </browserconfig>

client/public/index.html

@@ -15,11 +15,6 @@
       sizes="16x16"
       href="%PUBLIC_URL%/favicon-16x16.png"
     />
-    <link
-      rel="mask-icon"
-      href="%PUBLIC_URL%/safari-pinned-tab.svg"
-      color="#97aee2"
-    />
     <link
       rel="apple-touch-icon"
       sizes="180x180"
@@ -33,25 +28,25 @@
       rel="stylesheet"
     />
 
-    <meta name="apple-mobile-web-app-title" content="TosiDrop" />
-    <meta name="application-name" content="TosiDrop" />
-    <meta name="msapplication-TileColor" content="#c7d5f4" />
-    <meta name="theme-color" content="#c7d5f4" />
+    <meta name="apple-mobile-web-app-title" content="The Silk Toad Claims" />
+    <meta name="application-name" content="The Silk Toad Claims" />
+    <meta name="msapplication-TileColor" content="#121212" />
+    <meta name="theme-color" content="#121212" />
     <meta
       name="description"
-      content="TosiDrop is an all-encompassing token distribution platform on the Cardano and Ergo blockchains."
+      content="Cardano native token claims portal for The Silk Toad"
     />
     <meta
       property="og:image"
-      content="%PUBLIC_URL%/tosidrop-logo-512x512.png"
+      content="%PUBLIC_URL%/logo-512x512.png"
     />
     <meta property="og:image:type" content="image/png" />
     <meta property="og:image:width" content="512" />
     <meta property="og:image:height" content="512" />
     <meta property="og:type" content="website" />
-    <meta property="og:url" content="https://tosidrop.io/" />
-    <meta property="og:title" content="TosiDrop" />
-    <meta property="og:description" content="Airdrops on Cardano and Ergo" />
+    <meta property="og:url" content="https://claim.silktoad.io/" />
+    <meta property="og:title" content="The Silk Toad Claims" />
+    <meta property="og:description" content="Cardano native token claims portal for The Silk Toad" />
     <!--
       manifest.json provides metadata used when your web app is installed on a
       user's mobile device or desktop. See https://developers.google.com/web/fundamentals/web-app-manifest/
@@ -66,7 +61,7 @@
       work correctly both with client-side routing and a non-root public URL.
       Learn how to configure a non-root public URL by running `npm run build`.
     -->
-    <title>TosiDrop - Airdrops on Cardano and Ergo</title>
+    <title>The Silk Toad Claims</title>
   </head>
   <body>
     <noscript>You need to enable JavaScript to run this app.</noscript>

client/public/manifest.json

@@ -1,20 +1,20 @@
 {
-    "name": "TosiDrop",
-    "short_name": "TosiDrop",
+    "name": "The Silk Toad Claims",
+    "short_name": "The Silk Toad Claims",
     "icons": [
         {
-            "src": "/tosidrop-logo-192x192.png",
+            "src": "logo-192x192.png",
             "sizes": "192x192",
             "type": "image/png"
         },
         {
-            "src": "/tosidrop-logo-512x512.png",
+            "src": "logo-512x512.png",
             "sizes": "512x512",
             "type": "image/png"
         }
     ],
-    "theme_color": "#c7d5f4",
-    "background_color": "#c7d5f4",
-    "start_url": "https://tosidrop.io",
+    "theme_color": "#121212",
+    "background_color": "#121212",
+    "start_url": "https://discoin.blinklabs.io",
     "display": "standalone"
 }

client/src/components/Claim/CheckRewardInput.tsx

@@ -40,7 +40,7 @@ export default function CheckRewardInput({
       ></input>
       <div className="flex flex-row items-center">
         <button
-          className="tosi-button py-2.5 px-5 rounded-lg flex flex-row items-center"
+          className="claim-button py-2.5 px-5 rounded-lg flex flex-row items-center"
           disabled={!isSearchDisabledAndStakingInfoShown}
           onClick={checkRewards}
         >
@@ -52,12 +52,12 @@ export default function CheckRewardInput({
           ) : null}
         </button>
         <button
-          className={`tosi-button py-2.5 px-5 rounded-lg ml-5 ${
+          className={`claim-button py-2.5 px-5 rounded-lg ml-5 ${
             isSearchDisabledAndStakingInfoShown ? " hidden" : ""
           }`}
           onClick={cancelClaim}
         >
-          <div className="tosi-cancel-text">Cancel</div>
+          <div className="claim-cancel-text">Cancel</div>
         </button>
       </div>
     </div>

client/src/components/Claim/TosifeeTooltip.tsx → client/src/components/Claim/ClaimFeeTooltip.tsx

@@ -1,15 +1,15 @@
 import { faStar } from "@fortawesome/free-solid-svg-icons";
 import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
 
-export default function TosifeeTooltip() {
+export default function ClaimFeeTooltip() {
   return (
     <span className="premium-token tooltip-activator">
       <FontAwesomeIcon
         className="text-premium cursor-help premium-pulse"
         icon={faStar}
       />
       <div className="tooltip w-64 p-3.5 rounded-2xl right-5 bottom-5 absolute">
-        TosiFee is applied to tokens that use TosiDrop services.
+        A fee is applied to tokens distributed by this service.
       </div>
     </span>
   );

client/src/components/Claim/ClaimableTokenBox/index.tsx

@@ -1,5 +1,5 @@
-import TokenInfoTooltip from "../TokenInfoTooltip";
-import TosifeeTooltip from "../TosifeeTooltip";
+// import TokenInfoTooltip from "../TokenInfoTooltip";
+import ClaimFeeTooltip from "../ClaimFeeTooltip";
 import "./index.scss";
 
 interface Props {
@@ -38,8 +38,8 @@ const ClaimableTokenBox = ({
       <div className="w-full flex flex-row items-center">
         <div className="text-sm">{amount} available</div>
         <div className="ml-auto flex flex-row align-center gap-2">
-          <TokenInfoTooltip price={price} total={total}></TokenInfoTooltip>
-          {premium ? <TosifeeTooltip></TosifeeTooltip> : null}
+          {/* No token info <TokenInfoTooltip price={price} total={total}></TokenInfoTooltip> */}
+          {premium ? <ClaimFeeTooltip></ClaimFeeTooltip> : null}
         </div>
       </div>
       <img alt="logo" src={logo} className="h-24"></img>

client/src/components/Claim/RewardsView.tsx

@@ -69,8 +69,8 @@ export default function RewardsView({
             <FontAwesomeIcon icon={faStar} />
           </div>
           {poolInfo?.isWhitelisted
-            ? "No TosiFee on claims because you have staked to a TosiDrop core pool"
-            : "These tokens incur a TosiFee when claiming"}
+            ? "No fee on claims because you have staked to a whitelisted pool"
+            : "These tokens incur a fee when claiming"}
         </div>
         <div className={"flex flex-row flex-wrap gap-4"}>
           {claimableTokens.map((token, index) => {
@@ -99,21 +99,21 @@ export default function RewardsView({
           <div>Selected {numberOfSelectedTokens} token</div>
           <div className="ml-auto flex flex-row w-fit gap-4">
             <button
-              className="tosi-button py-2.5 px-5 rounded-lg"
+              className="claim-button py-2.5 px-5 rounded-lg"
               onClick={selectAll}
             >
               Unselect All
             </button>
 
             <button
-              className="tosi-button py-2.5 px-5 rounded-lg"
+              className="claim-button py-2.5 px-5 rounded-lg"
               onClick={selectRandomTokens}
             >
               I'm feeling lucky
             </button>
 
             <button
-              className="tosi-button py-2.5 px-5 rounded-lg flex flex-row items-center"
+              className="claim-button py-2.5 px-5 rounded-lg flex flex-row items-center"
               disabled={numberOfSelectedTokens === 0}
               onClick={claimRewards}
             >