feat: support us on open collective button

Author: abose

src/assets/new-project/assets/js/code-editor.js

@@ -196,7 +196,8 @@ function initCodeEditor() {
         Metrics.countEvent(Metrics.EVENT_TYPE.NEW_PROJECT, "main.Click", "githubStars");
         _openURLInTauri("https://github.com/phcode-dev/phoenix");
     };
-    const icons = ['githubIcon', 'twitterIcon', 'youtubeIcon'];
+    document.getElementById("sponsorIcon").title = Strings.SUPPORT_US_OPEN_COLLECTIVE;
+    const icons = ['githubIcon', 'twitterIcon', 'youtubeIcon', 'sponsorIcon'];
     for(let iconID of icons) {
         document.getElementById(iconID).onclick = function() {
             Metrics.countEvent(Metrics.EVENT_TYPE.NEW_PROJECT, "main.Click", iconID);

src/assets/new-project/code-editor.html

@@ -35,7 +35,10 @@ <h4 class="localize">{{APP_TITLE}}</h4>
                             <i class="fa-brands fa-twitter" style="color: #1da1f2; margin-right: .9em;"></i></a>
                         <a id="youtubeIcon" href="https://www.youtube.com/channel/UCNK2a8DKqPQQe3GlfTk-RHg" rel="noopener" target="_blank"
                         style="display: flex; align-items: center">
-                            <img src="images/youtube.svg" alt="" style="width: 1.7em;"></a>
+                            <img src="images/youtube.svg" alt="" style="width: 1.7em; margin-right: .9em;"></a>
+                        <a id="sponsorIcon" href="https://opencollective.com/phoenix-ide" target="_blank" rel="noopener noreferrer"
+                           style="color: rgb(234, 74, 170); margin-right: .9em;">
+                            <i class="far fa-heart"></i></a>
                     </span>
                 </div>
                 <div id="githubStarsButton" style="display: flex; justify-content: space-between; margin-top: 10px;">

src/nls/root/strings.js

@@ -33,6 +33,7 @@ define({
     "DELETING": "Deleting {0}",
     "RENAMING": "Renaming",
     "STORED_IN_YOUR_BROWSER": "Stored in Your Browser",
+    "SUPPORT_US_OPEN_COLLECTIVE": "Support us on Open Collective",
     // General file io error strings
     "GENERIC_ERROR": "(error {0})",
     "NOT_FOUND_ERR": "The file/directory could not be found.",