fix: accessID length, share btn color, query builder dropdown (#3101)

Author: Gene Hynson

src/flows/components/ReadOnly.tsx

@@ -64,7 +64,7 @@ const RunPipeResults: FC = () => {
 const ReadOnly: FC = ({children}) => {
   const {flow} = useContext(FlowContext)
   const params = useParams<{accessID: string}>()
-  if (!params.accessID || params.accessID.length !== 16 || !flow) {
+  if (!params.accessID || !flow) {
     return (
       <div style={{width: '100%'}}>
         <NotFound />

src/flows/components/header/index.tsx

@@ -205,7 +205,7 @@ const FlowHeader: FC = () => {
                   icon={IconFont.Share}
                   onClick={showShare}
                   color={
-                    !share ? ComponentColor.Primary : ComponentColor.Secondary
+                    !!share ? ComponentColor.Primary : ComponentColor.Secondary
                   }
                   titleText="Share Notebook"
                 />

src/flows/pipes/QueryBuilder/readOnly.tsx

@@ -37,7 +37,7 @@ const QueryBuilder: FC<PipeProp> = ({Context}) => {
                         icon={IconFont.BucketSolid}
                         status={ComponentStatus.Disabled}
                       >
-                        {data.buckets[0] ?? 'No Bucket Selected'}
+                        {data.buckets[0].name ?? 'No Bucket Selected'}
                       </Dropdown.Button>
                     )}
                     menu={onCollapse => (