Tailwind migration: fixed nav icons and added create post link

src/common/components/navbar/navbar-default.tsx

@@ -8,6 +8,7 @@ import {
   magnifyResponsibleSvg,
   moonSvg,
   notificationSvg,
+  pencilOutlineSvg,
   rocketSvg,
   sunSvg,
   upArrowSvg,
@@ -239,7 +240,11 @@ export function NavbarDefault({ setSmVisible, history }: Props) {
                 <div className="navbar-icon text-dark">{rocketSvg}</div>
                 <div className="ml-3 text-15">{_t("user-nav.boost")}</div>
               </div>
-              <Link to={`/@${activeUser?.username}/wallet`} onClick={() => setSmVisible(false)}>
+              <Link
+                className="text-dark-default dark:text-white"
+                to={`/@${activeUser?.username}/wallet`}
+                onClick={() => setSmVisible(false)}
+              >
                 <div className="p-2 pl-3 w-full mb-2 flex items-center text-dark">
                   <div className="icon-stroke text-dark">{walletSvg}</div>
                   <div className="ml-3 text-15 flex">
@@ -248,6 +253,19 @@ export function NavbarDefault({ setSmVisible, history }: Props) {
                   </div>
                 </div>
               </Link>
+              <Link
+                className="text-dark-default dark:text-white"
+                to="/submit"
+                onClick={() => setSmVisible(false)}
+              >
+                <div className="p-2 pl-3 w-full mb-2 flex items-center text-dark">
+                  <div className="icon-stroke text-dark [&>svg]:w-[20px]">{pencilOutlineSvg}</div>
+                  <div className="ml-3 text-15 flex">
+                    {_t("user-nav.submit")}
+                    <div className="dot align-self-start ml-1" />
+                  </div>
+                </div>
+              </Link>
             </>
           )}
 

src/common/components/wallet-ecency/_index.scss

@@ -263,7 +263,7 @@
       @include themify(day) {
         &:nth-child(even) {
           .transaction-icon {
-            @apply bg-light-300;
+            @apply bg-light-300 dark:bg-dark-600;
           }
         }
       }

src/common/i18n/locales/en-US.json

@@ -173,7 +173,8 @@
     "dark": "dark",
     "switch-to": "Switch",
     "vote-power": "Vote Power:",
-    "boost": "Boost"
+    "boost": "Boost",
+    "submit": "Create a post"
   },
   "intro": {
     "title": "Aspire to greatness",

src/common/img/svg.tsx

@@ -758,11 +758,11 @@ export const userOutlineSvg = (
     <g clipPath="url(#clip0)">
       <path
         d="M8.8744 10.0522C3.88219 10.0522 1.13281 12.4139 1.13281 16.7023C1.13281 17.0373 1.40427 17.3087 1.7392 17.3087H16.0096C16.3445 17.3087 16.616 17.0373 16.616 16.7023C16.616 12.4142 13.8666 10.0522 8.8744 10.0522ZM2.36765 16.0959C2.60617 12.8896 4.79219 11.265 8.8744 11.265C12.9566 11.265 15.1427 12.8896 15.3814 16.0959H2.36765Z"
-        fill="#202020"
+        fill="currentColor"
       />
       <path
         d="M8.87394 0.692871C6.58077 0.692871 4.85156 2.45686 4.85156 4.79592C4.85156 7.20348 6.65599 9.16192 8.87394 9.16192C11.0919 9.16192 12.8963 7.20348 12.8963 4.79611C12.8963 2.45686 11.1671 0.692871 8.87394 0.692871ZM8.87394 7.94934C7.32462 7.94934 6.06433 6.53482 6.06433 4.79611C6.06433 3.12127 7.24599 1.90564 8.87394 1.90564C10.4758 1.90564 11.6835 3.14814 11.6835 4.79611C11.6835 6.53482 10.4233 7.94934 8.87394 7.94934Z"
-        fill="#202020"
+        fill="currentColor"
       />
     </g>
     <defs>
@@ -1265,17 +1265,17 @@ export const globeSvg = (
   <svg width="19" height="19" viewBox="0 0 19 19" fill="none" xmlns="http://www.w3.org/2000/svg">
     <path
       d="M9.875 0.53125C14.8374 0.53125 18.875 4.56888 18.875 9.53125C18.875 14.4936 14.8374 18.5312 9.875 18.5312C4.91263 18.5312 0.875 14.4936 0.875 9.53125C0.875 4.56888 4.91263 0.53125 9.875 0.53125ZM3.503 4.92213C4.47275 5.30688 5.4695 5.61175 6.49212 5.812C6.92638 4.38212 7.616 3.013 8.56325 1.77437C6.48875 2.12538 4.691 3.28525 3.503 4.92213ZM7.328 11.9838C9.01775 11.752 10.7334 11.752 12.4231 11.9838C12.7696 10.3705 12.7708 8.701 12.4254 7.08663C11.5861 7.20138 10.7379 7.28125 9.875 7.28125C9.01213 7.28125 8.165 7.20138 7.32575 7.08663C6.98038 8.701 6.9815 10.3705 7.328 11.9838ZM7.61938 5.98637C9.11675 6.17987 10.6344 6.17987 12.1318 5.98637C11.6705 4.53963 10.9167 3.16825 9.875 1.95325C8.83325 3.16825 8.08062 4.53963 7.61938 5.98637ZM11.189 1.77437C12.1363 3.013 12.8247 4.38212 13.259 5.812C14.2805 5.61175 15.2773 5.30688 16.247 4.92213C15.0601 3.28525 13.2624 2.12538 11.189 1.77437ZM17.75 9.53125C17.75 8.2195 17.4226 6.98425 16.8534 5.89525C15.7779 6.33738 14.6743 6.685 13.5391 6.91337C13.9002 8.6425 13.9002 10.4279 13.538 12.1581C14.672 12.3842 15.7801 12.7296 16.8534 13.1706C17.4226 12.0794 17.75 10.8441 17.75 9.53125ZM16.247 14.1404C15.2773 13.7556 14.2805 13.4507 13.259 13.2505C12.8247 14.6804 12.1351 16.0495 11.1879 17.2881C13.2624 16.9371 15.0601 15.7773 16.247 14.1404ZM12.1306 13.0761C10.6344 12.8826 9.11675 12.8826 7.61938 13.0761C8.08062 14.5229 8.83438 15.8942 9.875 17.1092C10.9167 15.8942 11.6694 14.5229 12.1306 13.0761ZM8.56325 17.2881C7.616 16.0495 6.92638 14.6804 6.49212 13.2505C5.47062 13.4507 4.47275 13.7568 3.503 14.1404C4.691 15.7773 6.48875 16.9371 8.56325 17.2881ZM6.21313 12.1559C5.85087 10.4268 5.84975 8.64137 6.212 6.91225C5.07688 6.68388 3.97213 6.33738 2.89662 5.89412C2.32738 6.98425 2 8.2195 2 9.53125C2 10.8441 2.32738 12.0794 2.89662 13.1684C3.96988 12.7285 5.078 12.3831 6.21313 12.1559Z"
-      fill="#202020"
+      fill="currentColor"
     />
   </svg>
 );
 
 export const walletSvg = (
   <svg width="20" height="15" viewBox="0 0 20 15" fill="none" xmlns="http://www.w3.org/2000/svg">
-    <rect x="0.703125" y="1.3623" width="18.3451" height="12.3505" rx="1.5" stroke="#202020" />
+    <rect x="0.703125" y="1.3623" width="18.3451" height="12.3505" rx="1.5" stroke="currentColor" />
     <path
       d="M1.85352 4.93359L17.8971 4.93359"
-      stroke="#202020"
+      stroke="currentColor"
       strokeWidth="3"
       strokeLinecap="square"
       strokeLinejoin="round"
@@ -1287,7 +1287,7 @@ export const notificationSvg = (
   <svg width="17" height="21" viewBox="0 0 17 21" fill="none" xmlns="http://www.w3.org/2000/svg">
     <path
       d="M16.4616 16.4474C16.4028 16.4092 15.9603 16.0993 15.5173 15.1616C14.7037 13.4396 14.5329 11.0139 14.5329 9.28223C14.5329 9.27469 14.5327 9.26723 14.5325 9.25973C14.5236 6.97109 13.1532 4.9982 11.1921 4.11301V2.75922C11.1921 1.5307 10.1943 0.53125 8.96777 0.53125H8.78343C7.55695 0.53125 6.55913 1.5307 6.55913 2.75922V4.11293C4.59148 5.00098 3.21831 6.98394 3.21831 9.28223C3.21831 11.0139 3.04753 13.4396 2.2339 15.1616C1.79089 16.0992 1.34843 16.4092 1.2896 16.4474C1.04187 16.562 0.919721 16.8269 0.976713 17.0953C1.03425 17.3663 1.28761 17.5532 1.56429 17.5532H5.8591C5.88308 19.1993 7.2266 20.5312 8.87562 20.5312C10.5246 20.5312 11.8682 19.1993 11.8921 17.5532H16.1869C16.4636 17.5532 16.717 17.3663 16.7745 17.0953C16.8314 16.8269 16.7093 16.562 16.4616 16.4474ZM7.73105 2.75922C7.73105 2.17793 8.20316 1.70504 8.78347 1.70504H8.96781C9.54812 1.70504 10.0202 2.17793 10.0202 2.75922V3.73254C9.65038 3.65609 9.26753 3.61586 8.87546 3.61586C8.48351 3.61586 8.10078 3.65605 7.73109 3.73242V2.75922H7.73105ZM8.87562 19.3575C7.87277 19.3575 7.05476 18.5521 7.03097 17.5532H10.7202C10.6965 18.5521 9.87847 19.3575 8.87562 19.3575ZM11.235 16.3794C11.2349 16.3794 2.89964 16.3794 2.89964 16.3794C3.00101 16.2214 3.10417 16.0425 3.20671 15.8404C3.99203 14.2918 4.39023 12.0854 4.39023 9.28223C4.39023 6.805 6.4023 4.78965 8.87542 4.78965C11.3485 4.78965 13.3606 6.805 13.3606 9.28418C13.3606 9.29141 13.3607 9.29859 13.361 9.30578C13.3632 12.0977 13.7614 14.2962 14.5445 15.8404C14.6471 16.0426 14.7503 16.2214 14.8516 16.3794H11.235Z"
-      fill="#202020"
+      fill="currentColor"
     />
   </svg>
 );