[questions][ui] add view all questions in landing

apps/portal/src/components/questions/LandingComponent.tsx

@@ -20,15 +20,13 @@ export type LandingQueryData = {
   companySlug: string;
   location: string;
   questionType: QuestionsQuestionType;
-};
+} | null;
 
 export type LandingComponentProps = {
   onLanded: (data: LandingQueryData) => void;
 };
 
-export default function LandingComponent({
+export default function LandingComponent({ onLanded }: LandingComponentProps) {
-  onLanded: handleLandingQuery,
-}: LandingComponentProps) {
   const defaultCompany = useDefaultCompany();
   const defaultLocation = useDefaultLocation();
 
@@ -118,22 +116,34 @@ export default function LandingComponent({
               }}
             />
           </div>
-          <Button
+          <div className="flex items-center gap-2">
-            addonPosition="end"
+            <Button
-            icon={ArrowSmallRightIcon}
+              addonPosition="end"
-            label="Go"
+              icon={ArrowSmallRightIcon}
-            size="md"
+              label="Go"
-            variant="primary"
+              size="md"
-            onClick={() => {
+              variant="primary"
-              if (company !== undefined && location !== undefined) {
+              onClick={() => {
-                return handleLandingQuery({
+                if (company !== undefined && location !== undefined) {
-                  companySlug: companyOptionToSlug(company),
+                  onLanded({
-                  location: locationOptionToSlug(location),
+                    companySlug: companyOptionToSlug(company),
-                  questionType,
+                    location: locationOptionToSlug(location),
-                });
+                    questionType,
-              }
+                  });
-            }}
+                }
-          />
+              }}
+            />
+            <Button
+              addonPosition="end"
+              icon={ArrowSmallRightIcon}
+              label="View all questions"
+              size="md"
+              variant="secondary"
+              onClick={() => {
+                onLanded(null);
+              }}
+            />
+          </div>
         </div>
         <div className="flex justify-center">
           <iframe

apps/portal/src/pages/questions/index.tsx

@@ -10,6 +10,14 @@ export default function QuestionsHomePage() {
   const router = useRouter();
 
   const handleLandingQuery = async (data: LandingQueryData) => {
+    if (data === null) {
+      // Go to browse page
+      router.push({
+        pathname: '/questions/browse',
+      });
+      return;
+    }
+
     const { companySlug, location, questionType } = data;
 
     // Go to browse page