Add a Search Bar Component

[adityaxpique]

The signature of search bar component should be as follows:-

type SearchBarProps = {
       styles: React.CSSProperties;
       custom: { 
              value: string; 
              placeholder: string;
              suggestionsArray: [string};
              showIcon: boolean;
       }
       onChange: (value: string) => void;
       onPressEnter: () => void;
};
 
export const SearchBar: React.FC<SearchBarProps> = React.forwardRef(
  (ref, props) => {
    return <div></div>;
  }
);

The design reference -

Persistent search from https://material.io/design/navigation/search.html#usage is also a reference for the suggestions functioning.

[rohinirai010]

Please assign me this.

[darshitac11]

@all-contributors please add @rohinirai010 as a contributor for userTesting

[allcontributors[bot]]

@darshitac11

I've put up a pull request to add @rohinirai010! :tada:

[PranitPatil03]

If this is not assigned to anyone then Please assign me.

[jonathanalvares9009]

@PranitPatil03 read the instructions given in the contributors.md file to set up the project and if in any doubt feel free to ask here.

Plz read this as well https://github.com/Atri-Labs/atrilabs-engine/discussions/169

[PranitPatil03]

Hello

I'm trying to set up the atri framework locally, But I'm getting some errors, how can I solve it?? getting an error after using the below command

build some pre-requisite package

cd $PROJECT_ROOT/packages/forest && yarn run build

[cruxcode]

@PranitPatil03 please try updating your globally installed tsc and typescript. It's weird that tsc is picking files from node_modules folder.

[PranitPatil03]

Hello

I have Stuck in a server development error, Help needed

This is a command causing an error

cd $PROJECT_ROOT/packages/webapp-builder yarn run server

[cruxcode]

Hi @PranitPatil03, is it possible for you to use PowerShell? If yes, then please use an alternative command yarn run serverpws instead of yarn run server.

[PranitPatil03]

Hello @cruxcode @darshitac11

I have set up the project on my local machine but the visual editor is not working, getting an error like

[cruxcode]

@PranitPatil03 can you confirm whether typescript process is installed in the packages/scripts/node_modules. Also, what are the specifications of your system. We generally get Killed message when a system doesn't have enough memory or swap isn't configured properly.

[PranitPatil03]

Hello @cruxcode Sir

I have tried to install atri framework on my local machine but still having some issues please help me to solve them Thank You

[cruxcode]

@PranitPatil03 It seems the lerna run build has not worked properly. Please ensure that the lib directory exists in all workspaces i.e. all the subfolder in packages have lib directory.

[PranitPatil03]

Hello @cruxcode,

I have successfully started the development server, however, I am facing some errors. Can you please help me to solve them? I am also getting errors while importing the modules.

Can you share more details about Search Bar Component?

Thank You