Add Android to downloads page

This commit is contained in:
Bojan Mojsilovic 2023-07-12 12:43:31 +02:00
parent 97450db7e8
commit c3df0832cc
8 changed files with 184 additions and 43 deletions

View File

@ -0,0 +1,28 @@
<svg width="119" height="40" viewBox="0 0 119 40" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_1955_31194)">
<path d="M109.524 1.71532e-06H9.48177C9.1171 1.71532e-06 8.75681 1.71532e-06 8.39311 0.0019956C8.08866 0.00398949 7.78664 0.00978174 7.47926 0.0146568C6.8115 0.0225345 6.14531 0.0814284 5.48648 0.190827C4.82858 0.302607 4.19128 0.513344 3.59615 0.815911C3.00175 1.12104 2.45862 1.51752 1.98648 1.99097C1.51187 2.46309 1.11623 3.0088 0.814803 3.60711C0.51254 4.20423 0.30295 4.84409 0.193271 5.50461C0.0825503 6.16429 0.0229702 6.83159 0.0150659 7.5005C0.00583742 7.80616 0.00486286 8.11284 0 8.41854V31.4622C0.00486286 31.7717 0.00583742 32.0716 0.0150659 32.3813C0.0229726 33.0501 0.0825527 33.7174 0.193271 34.377C0.302647 35.0379 0.51225 35.6782 0.814803 36.2755C1.1161 36.8719 1.51178 37.4154 1.98648 37.8849C2.45683 38.3605 3.00031 38.7572 3.59615 39.06C4.19128 39.3634 4.82851 39.5754 5.48648 39.6889C6.14542 39.7974 6.81155 39.8563 7.47926 39.8651C7.78664 39.8719 8.08866 39.8758 8.39311 39.8758C8.7568 39.8778 9.11712 39.8778 9.48177 39.8778H109.524C109.881 39.8778 110.244 39.8778 110.602 39.8758C110.905 39.8758 111.215 39.8719 111.518 39.8651C112.185 39.8568 112.85 39.7979 113.507 39.6889C114.167 39.5746 114.807 39.3626 115.405 39.06C116 38.757 116.543 38.3603 117.013 37.8849C117.487 37.4136 117.883 36.8705 118.188 36.2755C118.488 35.6777 118.696 35.0376 118.804 34.377C118.915 33.7173 118.976 33.0502 118.988 32.3813C118.992 32.0716 118.992 31.7717 118.992 31.4622C119 31.1 119 30.7398 119 30.3717V9.50699C119 9.1419 119 8.77973 118.992 8.41854C118.992 8.11284 118.992 7.80616 118.988 7.50046C118.976 6.83149 118.915 6.16435 118.804 5.50457C118.696 4.84444 118.488 4.20462 118.188 3.60707C117.574 2.40782 116.601 1.43164 115.405 0.815821C114.807 0.513994 114.167 0.303313 113.507 0.190737C112.85 0.0808567 112.185 0.0219422 111.518 0.0145172C111.215 0.00965214 110.905 0.00381004 110.602 0.001866C110.244 -0.000127888 109.881 1.71532e-06 109.524 1.71532e-06Z" fill="#A6A6A6"/>
<path d="M8.39796 39.0056C8.09498 39.0056 7.79931 39.0017 7.49869 38.9949C6.87595 38.9868 6.25466 38.9324 5.63993 38.8323C5.06672 38.7333 4.51143 38.5492 3.99238 38.2861C3.47809 38.0251 3.00902 37.6829 2.60313 37.2726C2.19137 36.8671 1.84856 36.3968 1.58829 35.8804C1.32514 35.3605 1.14303 34.8034 1.0483 34.2282C0.945994 33.6102 0.890643 32.9854 0.882723 32.359C0.876418 32.1487 0.868164 31.4487 0.868164 31.4487V8.41875C0.868164 8.41875 0.876955 7.72945 0.882773 7.52694C0.890356 6.90154 0.945385 6.27763 1.04738 5.6606C1.14229 5.08389 1.32454 4.5251 1.58783 4.00358C1.84715 3.48748 2.18805 3.01684 2.59733 2.60991C3.00616 2.19911 3.47673 1.85515 3.99189 1.59057C4.50975 1.32825 5.06399 1.14545 5.63604 1.04829C6.25279 0.947166 6.87624 0.892494 7.50114 0.884731L8.39845 0.872559H110.597L111.505 0.88522C112.124 0.892596 112.742 0.946781 113.353 1.04731C113.931 1.1457 114.491 1.32977 115.014 1.59349C116.047 2.1267 116.886 2.97029 117.416 4.00602C117.675 4.52393 117.855 5.07816 117.948 5.64989C118.051 6.27199 118.109 6.9008 118.121 7.53133C118.124 7.81366 118.124 8.11693 118.124 8.41875C118.132 8.7926 118.132 9.14844 118.132 9.5072V30.3719C118.132 30.734 118.132 31.0875 118.124 31.4438C118.124 31.768 118.124 32.065 118.12 32.3706C118.109 32.9899 118.052 33.6075 117.95 34.2185C117.857 34.7977 117.676 35.3593 117.413 35.8833C117.151 36.3942 116.81 36.8604 116.403 37.2648C115.997 37.6773 115.527 38.0215 115.012 38.2842C114.489 38.5494 113.93 38.7341 113.353 38.8323C112.738 38.933 112.117 38.9873 111.494 38.9949C111.203 39.0017 110.898 39.0056 110.602 39.0056L109.524 39.0076L8.39796 39.0056Z" fill="black"/>
<path d="M18.0399 12.9758C18.0399 12.4514 17.6148 12.0264 17.0904 12.0264C16.566 12.0264 16.1409 12.4514 16.1409 12.9758V20.0897L13.2774 17.6353C12.8793 17.294 12.2799 17.3401 11.9386 17.7382C11.5974 18.1364 11.6435 18.7358 12.0416 19.077L16.6785 23.0515C16.9155 23.2546 17.2653 23.2546 17.5023 23.0515L22.1391 19.077C22.5373 18.7358 22.5834 18.1364 22.2421 17.7382C21.9009 17.3401 21.3015 17.294 20.9033 17.6353L18.0399 20.0897V12.9758Z" fill="white"/>
<path d="M10.4441 23.42C9.91972 23.42 9.49463 23.8451 9.49463 24.3695V25.9519C9.49463 26.6511 10.0614 27.2179 10.7606 27.2179H23.4202C24.1193 27.2179 24.6861 26.6511 24.6861 25.9519V24.3695C24.6861 23.8451 24.261 23.42 23.7367 23.42C23.2123 23.42 22.7872 23.8451 22.7872 24.3695V24.6859C22.7872 25.0355 22.5038 25.3189 22.1542 25.3189H12.0265C11.677 25.3189 11.3936 25.0355 11.3936 24.6859V24.3695C11.3936 23.8451 10.9685 23.42 10.4441 23.42Z" fill="white"/>
<path d="M35.2075 13.9257V7.62559H37.159C37.9782 7.62559 38.6619 7.88954 39.21 8.41743C39.761 8.94533 40.0365 9.66505 40.0365 10.5766V10.9747C40.0365 11.8834 39.761 12.6031 39.21 13.1339C38.6619 13.6618 37.9782 13.9257 37.159 13.9257H35.2075ZM36.2027 13.1382H37.1503C37.7186 13.1382 38.173 12.9507 38.5133 12.5757C38.8537 12.2007 39.0239 11.6699 39.0239 10.9833V10.568C39.0239 9.8814 38.8537 9.35062 38.5133 8.97562C38.173 8.60061 37.7186 8.41311 37.1503 8.41311H36.2027V13.1382Z" fill="white"/>
<path d="M40.8672 11.7146V11.5761C40.8672 10.8809 41.0692 10.3184 41.473 9.88861C41.8798 9.45591 42.4163 9.23956 43.0827 9.23956C43.749 9.23956 44.2841 9.45591 44.688 9.88861C45.0918 10.3184 45.2938 10.8809 45.2938 11.5761V11.7146C45.2938 12.4127 45.0918 12.9781 44.688 13.4108C44.2841 13.8406 43.749 14.0555 43.0827 14.0555C42.4163 14.0555 41.8798 13.8406 41.473 13.4108C41.0692 12.9781 40.8672 12.4127 40.8672 11.7146ZM41.8538 11.5545V11.7406C41.8538 12.1963 41.9576 12.5685 42.1653 12.8569C42.373 13.1454 42.6788 13.2896 43.0827 13.2896C43.4836 13.2896 43.788 13.1454 43.9957 12.8569C44.2034 12.5685 44.3072 12.1963 44.3072 11.7406V11.5545C44.3072 11.0987 44.2019 10.7266 43.9913 10.4381C43.7836 10.1468 43.4807 10.0011 43.0827 10.0011C42.6817 10.0011 42.3759 10.1468 42.1653 10.4381C41.9576 10.7266 41.8538 11.0987 41.8538 11.5545Z" fill="white"/>
<path d="M45.7438 9.36937H46.6957L47.4789 12.2165C47.5106 12.3319 47.5352 12.43 47.5525 12.5108C47.5727 12.5887 47.5928 12.6853 47.613 12.8007H47.639C47.6592 12.6853 47.6779 12.5887 47.6953 12.5108C47.7126 12.43 47.74 12.3319 47.7775 12.2165L48.6861 9.36937H49.5515L50.4905 12.2165C50.5309 12.3319 50.5597 12.43 50.577 12.5108C50.5972 12.5887 50.6174 12.6853 50.6376 12.8007H50.6636C50.6838 12.6853 50.7025 12.5887 50.7198 12.5108C50.7371 12.43 50.7602 12.3319 50.7891 12.2165L51.5549 9.36937H52.4203L51.027 13.9257H50.2006L49.2703 11.1132C49.2357 11.0007 49.2025 10.8867 49.1708 10.7713C49.1419 10.6559 49.1145 10.542 49.0885 10.4295H49.0626C49.0366 10.542 49.0078 10.6559 48.976 10.7713C48.9472 10.8867 48.9155 11.0007 48.8808 11.1132L47.9679 13.9257H47.1371L45.7438 9.36937Z" fill="white"/>
<path d="M53.1343 13.9257V9.36937H54.0257L54.0603 9.92756H54.0819C54.2319 9.7314 54.4252 9.57419 54.6617 9.45591C54.8983 9.33764 55.1593 9.27851 55.4449 9.27851C55.9065 9.27851 56.2771 9.4112 56.557 9.67659C56.8368 9.9391 56.9767 10.3848 56.9767 11.0136V13.9257H56.0118V10.9963C56.0118 10.6588 55.9367 10.4194 55.7867 10.278C55.6396 10.1338 55.4276 10.0617 55.1507 10.0617C54.9199 10.0617 54.7122 10.1252 54.5276 10.2521C54.343 10.379 54.2002 10.5478 54.0992 10.7583V13.9257H53.1343Z" fill="white"/>
<path d="M58.1882 13.9257V7.28809H59.1532V13.9257H58.1882Z" fill="white"/>
<path d="M60.1484 11.7146V11.5761C60.1484 10.8809 60.3503 10.3184 60.7541 9.88861C61.1609 9.45591 61.6974 9.23956 62.3638 9.23956C63.0301 9.23956 63.5653 9.45591 63.9691 9.88861C64.373 10.3184 64.5749 10.8809 64.5749 11.5761V11.7146C64.5749 12.4127 64.373 12.9781 63.9691 13.4108C63.5653 13.8406 63.0301 14.0555 62.3638 14.0555C61.6974 14.0555 61.1609 13.8406 60.7541 13.4108C60.3503 12.9781 60.1484 12.4127 60.1484 11.7146ZM61.1349 11.5545V11.7406C61.1349 12.1963 61.2388 12.5685 61.4465 12.8569C61.6542 13.1454 61.9599 13.2896 62.3638 13.2896C62.7648 13.2896 63.0691 13.1454 63.2768 12.8569C63.4845 12.5685 63.5883 12.1963 63.5883 11.7406V11.5545C63.5883 11.0987 63.483 10.7266 63.2725 10.4381C63.0648 10.1468 62.7619 10.0011 62.3638 10.0011C61.9628 10.0011 61.657 10.1468 61.4465 10.4381C61.2388 10.7266 61.1349 11.0987 61.1349 11.5545Z" fill="white"/>
<path d="M65.3018 12.5843C65.3018 12.1055 65.4893 11.7391 65.8643 11.4853C66.2393 11.2285 66.7139 11.0987 67.2879 11.0958H68.2702V10.8059C68.2702 10.555 68.2052 10.3516 68.0754 10.1958C67.9456 10.0372 67.7221 9.95785 67.4047 9.95785C67.0846 9.95785 66.8552 10.0228 66.7168 10.1526C66.5812 10.2824 66.5134 10.4353 66.5134 10.6112V10.6502H65.5571V10.6112C65.5571 10.2333 65.7273 9.91025 66.0677 9.64198C66.411 9.3737 66.8668 9.23956 67.435 9.23956C68.0033 9.23956 68.4447 9.36937 68.7591 9.62899C69.0764 9.88861 69.2351 10.2809 69.2351 10.8059V12.8916C69.2351 13.0791 69.2495 13.2565 69.2783 13.4238C69.3101 13.5882 69.3533 13.7324 69.4082 13.8565V13.9257H68.4649C68.4274 13.8565 68.3927 13.7656 68.361 13.6531C68.3293 13.5377 68.3091 13.4252 68.3004 13.3156C68.2024 13.4973 68.0322 13.6589 67.7899 13.8002C67.5475 13.9416 67.2389 14.0122 66.8639 14.0122C66.4283 14.0122 66.0591 13.8911 65.7562 13.6488C65.4533 13.4065 65.3018 13.0517 65.3018 12.5843ZM66.2667 12.5151C66.2667 12.7545 66.336 12.9449 66.4744 13.0863C66.6129 13.2247 66.8307 13.294 67.1278 13.294C67.4278 13.294 67.6932 13.193 67.924 12.9911C68.1548 12.7863 68.2702 12.5627 68.2702 12.3204V11.7406H67.4047C67.0269 11.7406 66.7427 11.8098 66.5523 11.9483C66.3619 12.0867 66.2667 12.2757 66.2667 12.5151Z" fill="white"/>
<path d="M70.1957 11.7146V11.5761C70.1957 10.9069 70.3716 10.3574 70.7236 9.92756C71.0784 9.49774 71.5457 9.28283 72.1255 9.28283C72.4313 9.28283 72.6938 9.33764 72.913 9.44726C73.1323 9.55688 73.3053 9.70111 73.4323 9.87996V7.28809H74.3929V13.9257H73.5015L73.4712 13.3545H73.4452C73.3385 13.5392 73.1683 13.6949 72.9347 13.8219C72.7039 13.9488 72.4356 14.0122 72.1298 14.0122C71.5385 14.0122 71.0683 13.7973 70.7192 13.3675C70.3702 12.9348 70.1957 12.3839 70.1957 11.7146ZM71.1822 11.7362C71.1822 12.1689 71.276 12.5295 71.4635 12.818C71.6539 13.1065 71.9467 13.2507 72.3419 13.2507C72.6101 13.2507 72.8366 13.1786 73.0212 13.0343C73.2087 12.8872 73.3443 12.717 73.4279 12.5238V10.767C73.3443 10.5766 73.2101 10.4093 73.0255 10.2651C72.8438 10.1179 72.6173 10.0444 72.3462 10.0444C71.951 10.0444 71.6582 10.1886 71.4678 10.4771C71.2774 10.7656 71.1822 11.1261 71.1822 11.5588V11.7362Z" fill="white"/>
<path d="M34.1597 31.649L38.3705 19.8925H40.1866L44.4054 31.649H42.5652L39.5437 22.8658C39.4794 22.6783 39.4232 22.5015 39.3749 22.3354C39.3321 22.1693 39.2919 22.0006 39.2544 21.8292H39.1901C39.1526 22.0006 39.1098 22.1693 39.0615 22.3354C39.0187 22.5015 38.9651 22.6783 38.9008 22.8658L35.8713 31.649H34.1597ZM36.1526 28.7239L36.5945 27.3578H41.9062L42.3482 28.7239H36.1526Z" fill="white"/>
<path d="M45.5545 31.649V19.9488H49.5082C50.7671 19.9488 51.7287 20.2782 52.393 20.9372C53.0627 21.5908 53.3975 22.4693 53.3975 23.5729C53.3975 24.6765 53.0654 25.5605 52.4011 26.2248C51.7368 26.8891 50.7698 27.2212 49.5001 27.2212H47.3144V31.649H45.5545ZM47.3144 25.8391H49.3876C50.2234 25.8391 50.8046 25.6248 51.1314 25.1962C51.4636 24.7622 51.6296 24.2238 51.6296 23.581C51.6296 22.9381 51.4636 22.4051 51.1314 21.9818C50.8046 21.5586 50.2234 21.347 49.3876 21.347H47.3144V25.8391Z" fill="white"/>
<path d="M55.0047 31.649V19.9488H56.7646V25.389L61.4655 19.9488H63.4665L56.7646 27.5587V31.649H55.0047ZM61.7629 31.649L57.5038 25.7185L58.6289 24.4408L63.8924 31.649H61.7629Z" fill="white"/>
<path d="M68.6335 31.649V19.9488H75.6086V21.3711H70.3934V25.164H74.9176V26.5623H70.3934V31.649H68.6335Z" fill="white"/>
<path d="M77.0953 31.649V23.4845H78.815V31.649H77.0953ZM76.9105 20.9291C76.9105 20.6559 76.9989 20.4256 77.1756 20.2381C77.3578 20.0452 77.6176 19.9488 77.9551 19.9488C78.2926 19.9488 78.5498 20.0452 78.7266 20.2381C78.9034 20.4256 78.9917 20.6559 78.9917 20.9291C78.9917 21.2077 78.9007 21.4434 78.7185 21.6363C78.5417 21.8238 78.2846 21.9176 77.9471 21.9176C77.6149 21.9176 77.3578 21.8238 77.1756 21.6363C76.9989 21.4434 76.9105 21.2077 76.9105 20.9291Z" fill="white"/>
<path d="M81.0329 31.649V19.4907H82.7445V31.649H81.0329Z" fill="white"/>
<path d="M84.4401 27.6953V27.4382C84.4401 26.1953 84.791 25.1881 85.4928 24.4167C86.1946 23.6453 87.1133 23.2595 88.2491 23.2595C89.3902 23.2595 90.2714 23.6212 90.8929 24.3444C91.5197 25.0623 91.8331 26.048 91.8331 27.3016V27.9364H85.4928V26.7391H90.1295V26.5864C90.1295 26.04 89.9741 25.5712 89.6634 25.1801C89.3527 24.7837 88.8919 24.5855 88.2812 24.5855C87.574 24.5855 87.0437 24.848 86.6901 25.373C86.3365 25.898 86.1597 26.565 86.1597 27.3739V27.7194C86.1597 28.5445 86.3472 29.2222 86.7222 29.7525C87.1026 30.2775 87.6732 30.54 88.4339 30.54C88.9268 30.54 89.35 30.4302 89.7036 30.2106C90.0571 29.9909 90.3411 29.7257 90.5554 29.415L91.7447 30.2106C91.4929 30.6499 91.0857 31.0383 90.5232 31.3758C89.9607 31.7079 89.2696 31.874 88.45 31.874C87.1696 31.874 86.1812 31.4909 85.4847 30.7249C84.7883 29.9534 84.4401 28.9436 84.4401 27.6953Z" fill="white"/>
</g>
<defs>
<clipPath id="clip0_1955_31194">
<rect width="119" height="39.8777" fill="white"/>
</clipPath>
</defs>
</svg>

After

Width:  |  Height:  |  Size: 13 KiB

View File

@ -0,0 +1,15 @@
.externalLink {
>img {
width: 24px;
height: 24px;
display: inline-block;
margin-right: 9px;
}
>a {
color: var(--text-secondary-2);
font-size: 16px;
font-weight: 400;
line-height: 40px;
}
}

View File

@ -0,0 +1,35 @@
import { Component, Show } from 'solid-js';
import { useSettingsContext } from '../../contexts/SettingsContext';
import styles from './ExternalLink.module.scss';
const ExternalLink: Component<{
lightIcon: string,
darkIcon: string,
label: string,
href: string,
}> = (props) => {
const settings = useSettingsContext();
return (
<div class={styles.externalLink}>
<Show
when={['sunset', 'midnight'].includes(settings?.theme || 'sunset')}
fallback={
<img src={props.darkIcon} />
}
>
<img src={props.lightIcon} />
</Show>
<a
href={props.href}
target='_blank'
>
{props.label}
</a>
</div>
);
}
export default ExternalLink;

View File

@ -252,3 +252,4 @@ export const emojiSearchLimit = 1;
export const today = (new Date()).getTime();
export const iosRD = (new Date('07/11/2023')).getTime();
export const andRD = (new Date('07/12/2023')).getTime();

View File

@ -3,7 +3,6 @@ import { andRD, iosRD, Kind, today } from "../constants";
import {
createContext,
createEffect,
createSignal,
onCleanup,
useContext
} from "solid-js";
@ -63,6 +62,10 @@ export const NotificationsProvider = (props: { children: ContextChildren }) => {
count++;
}
if (!andDownload && today > andRD) {
count++;
}
updateStore('downloadsCount', () => count);
};

View File

@ -13,7 +13,7 @@
}
}
.callToAction {
.callToAction, .callToActionAndroid {
display: flex;
flex-direction: column;
align-items: center;
@ -38,6 +38,10 @@
}
}
.callToActionAndroid {
display: none;
}
.promoHolder {
position: relative;
height: 560px;
@ -205,7 +209,15 @@
}
.playStore {
display: none;
margin-top: 77px;
width: 100% !important;
.callToActionAndroid {
display: flex;
}
>a {
width: 188px;
height: 63px;
}
}
}
}

View File

@ -14,14 +14,18 @@ import iphoneReflectionLight from '../assets/images/primal_iphone_reflection_lig
import androidReflectionLight from '../assets/images/primal_android_reflection_light.png';
import appStore from '../assets/images/appstore_download.svg';
import playStore from '../assets/images/playstore_download.svg';
import apkDownload from '../assets/images/primal_apk_download.svg';
import gitHubLight from '../assets/icons/github_light.svg';
import gitHubDark from '../assets/icons/github.svg';
import styles from './Downloads.module.scss';
import { downloads as t } from '../translations';
import { useIntl } from '@cookbook/solid-intl';
import StickySidebar from '../components/StickySidebar/StickySidebar';
import { useSettingsContext } from '../contexts/SettingsContext';
import { iosRD, today } from '../constants';
import { andRD, iosRD, today } from '../constants';
import ExternalLink from '../components/ExternalLink/ExternalLink';
const Downloads: Component = () => {
@ -32,6 +36,10 @@ const Downloads: Component = () => {
if (today > iosRD) {
localStorage.setItem('iosDownload', 'seen');
}
if (today > andRD) {
localStorage.setItem('andDownload', 'seen');
}
});
return (
@ -48,41 +56,38 @@ const Downloads: Component = () => {
<StickySidebar>
<div class={styles.downloadsSidebar}>
<div class={styles.title}>Source code</div>
<div class={styles.list}>
<div>
<Show
when={['sunset', 'midnight'].includes(settings?.theme || 'sunset')}
fallback={
<div class={styles.githubIconLight}></div>
}
>
<div class={styles.githubIcon}></div>
</Show>
<a
href='https://github.com/PrimalHQ/primal-web-app'
target='_blank'
>
{intl.formatMessage(t.links.webApp)}
</a>
</div>
<div>
<Show
when={['sunset', 'midnight'].includes(settings?.theme || 'sunset')}
fallback={
<div class={styles.githubIconLight}></div>
}
>
<div class={styles.githubIcon}></div>
</Show>
<a
href='https://github.com/PrimalHQ/primal-caching-service'
target='_blank'
>
{intl.formatMessage(t.links.cachingService)}
</a>
</div>
<div class={styles.title}>
{intl.formatMessage(t.links.title)}
</div>
<div class={styles.list}>
<ExternalLink
darkIcon={gitHubLight}
lightIcon={gitHubDark}
label={intl.formatMessage(t.links.webApp)}
href='https://github.com/PrimalHQ/primal-web-app'
/>
<ExternalLink
darkIcon={gitHubLight}
lightIcon={gitHubDark}
label={intl.formatMessage(t.links.iosApp)}
href='https://github.com/PrimalHQ/primal-ios-app'
/>
<ExternalLink
darkIcon={gitHubLight}
lightIcon={gitHubDark}
label={intl.formatMessage(t.links.andApp)}
href='https://github.com/PrimalHQ/primal-android-app'
/>
<ExternalLink
darkIcon={gitHubLight}
lightIcon={gitHubDark}
label={intl.formatMessage(t.links.cachingService)}
href='https://github.com/PrimalHQ/primal-caching-service'
/>
</div>
</div>
</StickySidebar>
@ -131,7 +136,6 @@ const Downloads: Component = () => {
</div>
</Show>
<div class={styles.linkHolder}>
<div class={styles.appStore}>
<div>{intl.formatMessage(t.appStoreCaption)}</div>
@ -143,9 +147,22 @@ const Downloads: Component = () => {
</a>
</div>
<div class={styles.playStore}>
<div>{intl.formatMessage(t.playStoreCaption)}</div>
<a>
<img src={playStore} />
<div>{intl.formatMessage(t.apkDownload)}</div>
<div class={styles.callToActionAndroid}>
<div class={styles.ctaTitle}>
{intl.formatMessage(t.callToActionAndroidTitle)}
</div>
<div class={styles.ctaDescription}>
{intl.formatMessage(t.callToActionAndroidDescription)}
</div>
</div>
<a
href='https://downloads.primal.net/android/primal-0.11.2.apk'
target='_blank'
>
<img src={apkDownload} />
</a>
</div>
</div>

View File

@ -95,6 +95,16 @@ export const downloads = {
defaultMessage: 'The app features easy onboarding, fast & snappy UI, ability to explore Nostr, and create & manage custom feeds',
description: 'Description for the downloads\' page call-to-action',
},
callToActionAndroidTitle: {
id: 'downloads.ctaAndroidTitle',
defaultMessage: 'Primal Android Alpha',
description: 'Title for the Android downloads\' page call-to-action',
},
callToActionAndroidDescription: {
id: 'downloads.ctaAndroidDescription',
defaultMessage: 'The app features easy onboarding, fast & snappy UI, ability to explore Nostr, and create & manage custom feeds',
description: 'Description for the Android downloads\' page call-to-action',
},
appStoreCaption: {
id: 'downloads.appStoreCaption',
defaultMessage: 'TestFlight Available Now',
@ -105,12 +115,32 @@ export const downloads = {
defaultMessage: 'Coming soon to Android',
description: 'PlayStore promo caption',
},
apkDownload: {
id: 'downloads.apkDownload',
defaultMessage: 'Alpha Build Available Now',
description: 'APK download caption',
},
links: {
title: {
id: 'downloads.sidebarTitle',
defaultMessage: 'Source code',
description: 'Daownload sidebar links title',
},
webApp: {
id: 'downloads.webAppLink',
defaultMessage: 'Primal Web App',
description: 'Label for the link to the web app',
},
iosApp: {
id: 'downloads.iosAppLink',
defaultMessage: 'Primal iOS App',
description: 'Label for the link to the iOS app',
},
andApp: {
id: 'downloads.andAppLink',
defaultMessage: 'Primal Android App',
description: 'Label for the link to the Android app',
},
cachingService: {
id: 'downloads.cachingService',
defaultMessage: 'Primal Caching Service',