feat: listed versioning for beta builds (#192)

src/pages/options/App.tsx

@@ -1,4 +1,5 @@
 import ExtensionRoot from '@views/components/common/ExtensionRoot/ExtensionRoot';
+import Link from '@views/components/common/Link';
 import React from 'react';
 
 /**
@@ -7,7 +8,28 @@ import React from 'react';
 export default function App() {
     return (
         <ExtensionRoot>
-            <div>hello how are you doing today.</div>
+            <div className='text-base'>
+                <div className='font-serif'>
+                    <i>&ldquo;Real powerusers modify the sourcecode instead of using settings&rdquo;</i> - doprz
+                </div>
+                <div className='font-serif'>
+                    <i>
+                        &ldquo;become hackerman, go to{' '}
+                        <Link
+                            href='https://github.com/Longhorn-Developers/UT-Registration-Plus'
+                            className='link font-serif! italic!'
+                        >
+                            github
+                        </Link>{' '}
+                        yay&rdquo;
+                    </i>{' '}
+                    - razboy20
+                </div>
+                <p className='mt-2.5 text-sm text-ut-gray'>
+                    {import.meta.env.VITE_PACKAGE_VERSION} - {import.meta.env.MODE}{' '}
+                    {import.meta.env.VITE_BETA_BUILD ? 'beta' : ''}
+                </p>
+            </div>
         </ExtensionRoot>
     );
 }

src/views/components/calendar/CalendarFooter.tsx

@@ -17,10 +17,10 @@ export default function CalendarFooter(): JSX.Element {
                 <Link className='linkanimate' href='#'>
                     <InstagramIcon className='h-6 w-6' />
                 </Link>
-                <Link className='linkanimate' href='#'>
+                <Link className='linkanimate' href='https://discord.gg/bVh9g6VFwB'>
                     <DiscordIcon className='h-6 w-6' />
                 </Link>
-                <Link className='linkanimate' href='#'>
+                <Link className='linkanimate' href='https://github.com/Longhorn-Developers/UT-Registration-Plus'>
                     <GithubIcon className='h-6 w-6' />
                 </Link>
             </div>

src/views/components/calendar/TeamLinks.tsx

@@ -24,7 +24,7 @@ const links: LinkItem[] = [
     },
     {
         text: 'Become a Beta Tester',
-        url: '#',
+        url: 'https://discord.gg/bVh9g6VFwB',
     },
 ];
 

src/views/components/common/LogoIcon.tsx

@@ -30,7 +30,12 @@ export function SmallLogo({ className }: { className?: string }): JSX.Element {
             <LogoIcon />
             <div className='flex flex-col text-lg font-medium leading-[1em]'>
                 <p className='text-nowrap text-ut-burntorange'>UT Registration</p>
-                <p className='text-ut-orange'>Plus</p>
+                <p className='text-ut-orange'>
+                    Plus{' '}
+                    <span className='text-xs'>
+                        {import.meta.env.VITE_BETA_BUILD ? `(${import.meta.env.VITE_PACKAGE_VERSION})` : ''}
+                    </span>
+                </p>
             </div>
         </div>
     );
@@ -48,7 +53,12 @@ export function LargeLogo({ className }: { className?: string }): JSX.Element {
             <LogoIcon className='h-12 w-12' />
             <div className='hidden flex-col text-[1.35rem] font-medium leading-[1em] md:flex screenshot:flex'>
                 <p className='text-nowrap text-ut-burntorange'>UT Registration</p>
-                <p className='text-ut-orange'>Plus</p>
+                <p className='text-ut-orange'>
+                    Plus{' '}
+                    <span className='text-sm'>
+                        {import.meta.env.VITE_BETA_BUILD ? `(${import.meta.env.VITE_PACKAGE_VERSION})` : ''}
+                    </span>
+                </p>
             </div>
         </div>
     );