Merge pull request #87 from deanblackborough/main

External link icon

Author: deanblackborough

app/View/Components/Helper/Control/Link/Text.php

@@ -11,7 +11,8 @@ class Text extends Component
     public function __construct(
         private readonly string $label,
         private readonly string $route,
-        private readonly bool $lockable = false
+        private readonly bool $lockable = false,
+        private readonly bool $external = false
     )
     {
     }
@@ -21,7 +22,8 @@ public function render()
         return view('components.helper.control.link.text', [
             'label' => $this->label,
             'route' => $this->route,
-            'lockable' => $this->lockable
+            'lockable' => $this->lockable,
+            'external' => $this->external,
         ]);
     }
 }

public/css/app.css

@@ -21,7 +21,7 @@
                 <h2 class="mt-6 text-center text-3xl font-medium tracking-tight text-gray-700">Register</h2>
                 <p class="mt-2 text-center text-base text-gray-600">
                     Or
-                    <x-helper.control.link.text route="https://budget-pro.costs-to-expect.com" label="tryout Budget Pro." />
+                    <x-helper.control.link.text route="https://budget-pro.costs-to-expect.com" label="tryout Budget Pro." :external="true" />
                 </p>
             </div>
 

resources/views/authentication/register.blade.php

@@ -21,7 +21,7 @@
                 <h2 class="mt-6 text-center text-3xl font-medium tracking-tight text-gray-700">Sign-in</h2>
                 <p class="mt-2 text-center text-base text-gray-600">
                     Or
-                    <x-helper.control.link.text route="https://budget-pro.costs-to-expect.com" label="tryout Budget Pro." />
+                    <x-helper.control.link.text route="https://budget-pro.costs-to-expect.com" label="tryout Budget Pro." :external="true" />
                 </p>
             </div>
 

resources/views/authentication/sign-in.blade.php

@@ -1 +1,5 @@
 <a @if($lockable === true && $locked !== null) href="#" @else href="{{ $route }}" @endif class="text-pinky-500 underline font-medium hover:text-pinky-900">{{ $label }}</a>
+@if($external === true)<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="inline h-5 w-5 text-pinky-800">
+    <path fill-rule="evenodd" d="M4.25 5.5a.75.75 0 0 0-.75.75v8.5c0 .414.336.75.75.75h8.5a.75.75 0 0 0 .75-.75v-4a.75.75 0 0 1 1.5 0v4A2.25 2.25 0 0 1 12.75 17h-8.5A2.25 2.25 0 0 1 2 14.75v-8.5A2.25 2.25 0 0 1 4.25 4h5a.75.75 0 0 1 0 1.5h-5Z" clip-rule="evenodd" />
+    <path fill-rule="evenodd" d="M6.194 12.753a.75.75 0 0 0 1.06.053L16.5 4.44v2.81a.75.75 0 0 0 1.5 0v-4.5a.75.75 0 0 0-.75-.75h-4.5a.75.75 0 0 0 0 1.5h2.553l-9.056 8.194a.75.75 0 0 0-.053 1.06Z" clip-rule="evenodd" />
+</svg>@endif

resources/views/components/helper/control/link/text.blade.php

@@ -139,7 +139,7 @@
 
                     <p>
                         Budget does not and will not support Open Banking. However, after the release of
-                        <x-helper.control.link.text route="https://budget-pro.costs-to-expect.com" label="Budget Pro" />, 
+                        <x-helper.control.link.text route="https://budget-pro.costs-to-expect.com" label="Budget Pro" :external="true" />, 
                         one of our first priorities based on user feedback will be to add Open Banking support.
                     </p>
 

resources/views/faqs.blade.php

@@ -43,7 +43,7 @@
                     <p class="mt-4 text-lg text-gray-800">
                         Budget has everything you need to manage a simple Budget, if you need more control and 
                         power you can try out Budget Pro with a  
-                        <x-helper.control.link.text route="https://budget-pro.costs-to-expect.com" label="30 day free trial." />
+                        <x-helper.control.link.text route="https://budget-pro.costs-to-expect.com" label="30 day free trial." :external="true" />
                     </p>
 
                     <dl class="mt-16 grid grid-cols-1 gap-x-6 gap-y-10 sm:grid-cols-2 sm:gap-y-16 lg:gap-x-8">

resources/views/landing.blade.php

@@ -126,7 +126,7 @@
                     <p>
                         If you’re kids are approaching their teenage years (good luck!), now is a great time to have them learn about
                         how to manage their money and start budgeting. Make sure they check out our 
-                        <x-helper.control.link.text route="https://budget-pro.costs-to-expect.com/money-and-budgeting-for-teenagers" label="Money and Budgeting for Teenagers Page" /> 
+                        <x-helper.control.link.text route="https://budget-pro.costs-to-expect.com/money-and-budgeting-for-teenagers" label="Money and Budgeting for Teenagers Page" :external="true" /> 
                         on Budget Pro.
                     </p>
 
@@ -172,7 +172,7 @@
                     <p>
                         Whatever your reason for wanting to start a budget, we have this free Budget Calculator that 
                         can help you get started and if you need more power you can make use of our 30 day free trial 
-                        of <x-helper.control.link.text route="https://budget-pro.costs-to-expect.com" label="Budget Pro" />.
+                        of <x-helper.control.link.text route="https://budget-pro.costs-to-expect.com" label="Budget Pro" :external="true" />.
                     </p>
 
                 </div>

resources/views/reasons-to-start-budgeting.blade.php

@@ -66,8 +66,8 @@
                     <p class="mt-8 text-xl leading-8 text-gray-500">
                         There are several different approaches to budgeting and what works for one person, may not 
                         work for someone else. You can read about 
-                        <x-helper.control.link.text route="https://budget-pro.costs-to-expect.com/our-budgeting-story" label="our-budgeting-story" /> 
-                        and the approach we decided to adopt on Budget Pro.
+                        <x-helper.control.link.text route="https://budget-pro.costs-to-expect.com/our-budgeting-story" label="our-budgeting-story" :external="true" />
+                         and the approach we decided to adopt on Budget Pro.
                     </p>
                 </div>
                 <div class="prose prose-lg prose-indigo mx-auto mt-6 text-gray-500">
@@ -136,7 +136,7 @@
                         our <x-helper.control.link.text :route="route('landing')" label="Free Budget App" /> 
                         will help you take control of your finances and plan your spending. 
                         However, if you’d like more advanced features for managing your budget, you can try our
-                        <x-helper.control.link.text route="https://budget-pro.costs-to-expect.com" label="Budget Pro App" />, it is free for the first 30 days and then just &19.99 for a lifetime license.
+                        <x-helper.control.link.text route="https://budget-pro.costs-to-expect.com" label="Budget Pro App" :external="true" />, it is free for the first 30 days and then just &19.99 for a lifetime license.
                     </p>
 
                 </div>

resources/views/what-is-budgeting.blade.php

@@ -122,7 +122,7 @@
                         you back. Perhaps you’re spending money on things you really don’t need such as unused 
                         subscriptions. Your budget can help you shine a light on unnecessary spending and redirect 
                         that money towards your financial goals. Check out our Budget Pro article on
-                        <x-helper.control.link.text route="https://budget-pro.costs-to-expect.com/how-to-stop-impulse-spending" label="managing impulse spending" />.
+                        <x-helper.control.link.text route="https://budget-pro.costs-to-expect.com/how-to-stop-impulse-spending" label="managing impulse spending" :external="true" />.
                     </p>
 
                     <h2>Having a budget helps reduce stress</h2>
@@ -137,7 +137,7 @@
                     <p>
                         This article provides a brief overview of why it’s important to have a budget but if you’d 
                         like more information, there is a more detailed article on
-                        <x-helper.control.link.text route="https://budget-pro.costs-to-expect.com/why-is-budgeting-important" label="Budget Pro" />.
+                        <x-helper.control.link.text route="https://budget-pro.costs-to-expect.com/why-is-budgeting-important" label="Budget Pro" :external="true" />.
                     </p>