Addressing the collapsible drawer feature

[rp-bot]

Fixed issue #261

Changes made:

1. Removed one of the <FaBars/> icon and consolidated into one.
   • line 60-66
2. Added an animation for the <FaBars/> icon to make a seamless transition.
   • line 79
3. Removed line 73 and consolidated it into line 71
4. Removed duplicate styles in line 161 and line 178

Gives rise to adjunctive issues:

1. Default Drawer state is always closed even on larger screens.
   Potential solution:
   • Add a condition to evaluate screen-type.
   • Save state in local storage.

const [myState, setMyState] = useLocalStorageState('myStateKey', 'initialValue');

[vercel]

@rp-bot is attempting to deploy a commit to the reworkd Team on Vercel.

A member of the Team first needs to authorize it.

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
agent-gpt	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Apr 24, 2023 1:13am

[asim-shrestha]

Hey good stuff, I see some of the same issues as #307 here.

With desktop, we want this drawer open by default and it should actually take up screen space when open. This is in contrast to mobile which is closed by default and acts as just an overlay on TOP of the page.

Note for the next pull request (Lets just fix the above and get this in) when the drawer is collapsed on desktop, we should be releasing screen space so that we can view more of the text.

[asim-shrestha]

BTW, since you're already pretty active here, would love to add you to our dev channel on discord. Feel free to DM me on discord if you're interested

[asim-shrestha]

Hey made the updates, thanks!