From 0525c66ce4b3a3e24861e6dda40bf2da15683593 Mon Sep 17 00:00:00 2001
From: checktheroads <matt@allroads.io>
Date: Sun, 22 Mar 2020 10:04:36 -0700
Subject: [PATCH] auto expand first result

---
 hyperglass/ui/components/Result.js  | 3 ++-
 hyperglass/ui/components/Results.js | 2 ++
 2 files changed, 4 insertions(+), 1 deletion(-)

diff --git a/hyperglass/ui/components/Result.js b/hyperglass/ui/components/Result.js
index 99b76d3..8da39e8 100644
--- a/hyperglass/ui/components/Result.js
+++ b/hyperglass/ui/components/Result.js
@@ -45,7 +45,7 @@ const AccordionHeaderWrapper = styled(Flex)`
 const statusMap = { success: "success", warning: "warning", error: "warning", danger: "error" };
 
 const Result = React.forwardRef(
-    ({ device, timeout, queryLocation, queryType, queryVrf, queryTarget }, ref) => {
+    ({ device, timeout, queryLocation, queryType, queryVrf, queryTarget, index }, ref) => {
         const config = useConfig();
         const theme = useTheme();
         const { colorMode } = useColorMode();
@@ -93,6 +93,7 @@ const Result = React.forwardRef(
 
         return (
             <AccordionItem
+                defaultIsOpen={index === 0 ? true : false}
                 isDisabled={loading}
                 ref={ref}
                 css={css({
diff --git a/hyperglass/ui/components/Results.js b/hyperglass/ui/components/Results.js
index a885957..0914332 100644
--- a/hyperglass/ui/components/Results.js
+++ b/hyperglass/ui/components/Results.js
@@ -117,6 +117,7 @@ const Results = ({ queryLocation, queryType, queryVrf, queryTarget, setSubmittin
                 overflow="hidden"
             >
                 <Accordion
+                    allowMultiple
                     initial={{ opacity: 1 }}
                     transition={{ duration: 0.3 }}
                     animate={{ opacity: 1, y: 0 }}
@@ -138,6 +139,7 @@ const Results = ({ queryLocation, queryType, queryVrf, queryTarget, setSubmittin
                                     queryVrf={queryVrf}
                                     queryTarget={queryTarget}
                                     setSubmitting={setSubmitting}
+                                    index={i}
                                 />
                             ))}
                     </AnimatePresence>